react-selectize flotingラベルテキストを与える方法

Question

反応選択ドロップダウンリストでは表示されません。ですから、ドロップダウンリストの表示方法を教えてください。

var options = ["Idea", "Airtel", "Vodaphone", "Docomo", "Aircel"].map(function(provider){ 
    return {label: provider, value: provider} 
}); 
<SimpleSelect 
    options = {options} 
    placeholder = "Select a fruit" 
theme = "material" 

    style={{ 
    'width': '100%', 
'marginTop': '10px', 
    'fontSize': '16px' 
    }} 
/> 

Answer 1

SimpleSelectこのようなオプション（example on the react-selectize github page）を宣言する必要があります：

<SimpleSelect placeholder="Select a fruit" onValueChange={value => alert(value)}> 
    <option value = "apple">apple</option> 
    <option value = "mango">mango</option> 
    <option value = "orange">orange</option> 
    <option value = "banana">banana</option> 
</SimpleSelect> 

MultiSelectを使用し、代わりに小道具としてオプションを渡すには：

var options = ["Idea", "Airtel", "Vodaphone", "Docomo", "Aircel"].map(function(provider){ 
    return {label: provider, value: provider} 
}); 

<MultiSelect 
    options = {options} 
    placeholder = "Select a fruit" 
    theme = "material" 
    style={{ 
    'width': '100%', 
    'marginTop': '10px', 
    'fontSize': '16px' 
    }} 
/>