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

问题描述 投票:0回答:1

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

<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>

我的onChange功能是

handleChange = event => {
    this.setState({ 
        [event.target.name]: event.target.value
    });
};

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

reactjs dropdown
1个回答
0
投票
所做的更改:

    使用onClick而不是onChange。
© www.soinside.com 2019 - 2024. All rights reserved.