Reactjs 如何处理reactstrap下拉列表中的选择

我必须通过选择下拉按钮来存储cartype值

<Dropdown  direction="down" isOpen={this.state.dropdownOpen} toggle={this.toggle} >
    <DropdownToggle caret outline color="info">
                    Select your Vehicle Type 
    </DropdownToggle>
    <DropdownMenu onChange={this.handleChange} name="carType" >
    <DropdownItem name="classic">Classic</DropdownItem>
    <DropdownItem name="deluxe">Deluxe</DropdownItem>
    <DropdownItem name="luxury">Luxury</DropdownItem>
    <DropdownItem name="superLuxury">Super Luxury</DropdownItem>
    <DropdownItem name="limousine">Limousine</DropdownItem>
    <DropdownItem name="exo">Exotic Cars</DropdownItem>
</DropdownMenu>

---

选择下拉按钮时无法获取值。请提示将值存储到数据库中

以使用react strap获取下拉列表的值：

<Dropdown  direction="down" isOpen={this.state.dropdownOpen} toggle={this.toggle} >
    <DropdownToggle caret outline color="info">
                    Select your Vehicle Type 
    </DropdownToggle>
    <DropdownMenu name="carType" >
    <DropdownItem name="classic" value="classic" onClick={this.handleChange} >Classic</DropdownItem>
    <DropdownItem name="deluxe" value="deluxe" onClick={this.handleChange} >Deluxe</DropdownItem>
</DropdownMenu>

选择您的车辆类型
经典
豪华的

所作的修改：

• onClick不用于onChange
• handleClick正在读取实际单击的选项，因此它位于DropdownItem上
• 您请求的是

  event.target.value

  ，但您没有“value”，所以我添加了它。如果您想使用 下拉项您将使用的

  event.target.innerText

---

您在下拉列表中使用的库是什么？当您在

handleChange

中使用

console.log（event）

时会发生什么情况？我使用了reactstrap作为下拉菜单。。我没有得到任何东西ReactStrap没有一个名为onChange for DropDownMenu的道具-它确实有onClick for DropDownItem-所以这可能是您想要粘贴更改处理程序的地方（不幸的是，在每一个中）

<Dropdown  direction="down" isOpen={this.state.dropdownOpen} toggle={this.toggle} >
    <DropdownToggle caret outline color="info">
                    Select your Vehicle Type 
    </DropdownToggle>
    <DropdownMenu name="carType" >
    <DropdownItem name="classic" value="classic" onClick={this.handleChange} >Classic</DropdownItem>
    <DropdownItem name="deluxe" value="deluxe" onClick={this.handleChange} >Deluxe</DropdownItem>
</DropdownMenu>