如何遍歷的反應，工具箱下拉數組

Question

最初我是使用簡單的HTML選擇框在reactjs和我重複我的陣列來作爲子元素的道具作爲

<select onChange={this.getOccasion}> 
    <option value="states">States</option> 
    { 
     this.props.holidays.map(function(holidays,i) { 
     return <option key={i} 
     value={holidays.state}>{holidays.state}</option>; 
    }) 
    } 
</select> 

，但我不知道在哪裏遍歷我的反應，工具箱陣列Dropdown.I嘗試以下

<Dropdown 
    auto 
    onChange={this.getOccasion} 
    source={this.props.holidays} 
    value={this.props.holidays.state} 
/> 

Answer 1

你需要有下拉source陣列是在一定的格式。

const countries = [ 
    { value: 'EN-gb', label: 'England' }, 
    { value: 'ES-es', label: 'Spain'}, 
    { value: 'TH-th', label: 'Thailand' }, 
    { value: 'EN-en', label: 'USA'} 
]; 

檢查RT dropdown組件。

所以，你可以不喜歡，

const holidays = this.props.holidays.map(holiday => ({ 
    value: holiday.state, 
    label: holiday.state 
})); 

<Dropdown 
    auto 
    onChange={this.getOccasion} 
    source={holidays} 
    value={this.state.someVariable} 
/>