从反应引导程序传递下拉选择值

Question

我无法将反应引导下拉列表中的值传递给定义的函数。另外，我填充了类别道具的价值。以下是我的代码：

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>

Answer 1

MenuItem的键应为 eventKey 。

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