2017-08-23 96 views
0

我无法将反应引导程序下拉列表中的值传递给定义的函数。另外,我正在填充类别道具的价值。下面是我的代码:从反应引导程序传递下拉选择值

handleDropdownChange = (evtKey) => { 
    console.log(evtKey) 
} 

<DropdownButton 
    onSelect={(event) => this.handleDropdownChange(event)} 
    title="" 
    id="category-dropdown" 
> 
    {category.map((category, i) => 
    <MenuItem key={i}>{category.path}</MenuItem>)} 
</DropdownButton> 
+0

我敢打赌,你忘记指定''里面this.handleDropdownChange key'变量(类别[关键])'或事件category.As你可以看到你传递'event'可变箭头的功能,但使用代替'key' –

回答

0

的菜单项的关键应该eventKey

<DropdownButton onSelect={this.handleDropdownChange} 
          title="" 
          id="category-dropdown"> 
       {category.map((category, i) => 
        <MenuItem eventKey={i}>{category.path}</MenuItem>) 
       } 
</DropdownButton>