Question

menuItem上有一个onClick事件，单击它会关闭下拉列表。为了避免我正在使用event.preventDefault，但是它会抛出诸如“ event.preventDefault不是函数”之类的错误

代码：

     constructor(props) {
            super(props);

            this.itemClick = this.itemClick.bind(this);
        }

        dropdownData = () => {
            return this.props.dropdownData.items.map((item, i) => {
                return (<MenuItem className="dropdown_menuItems"
                    key={i}
                    tabIndex="0"
                    onClick={(e) => this.itemClick(e)}
                    aria-label={item.title}>
                    {item.title}
                </MenuItem>);
            });
        }

        itemClick = (event) => {
            event.preventDefault();
            console.log(event.target.innerHTML,'inner')
        }
 render() {
        return (
            <Grid>
                <Row>
                    <Col sm={4} md={4} xs={6} lg={4}>
                        <ButtonToolbar>
                            <DropdownButton

                                title={this.state.selectedData}
                                id="dropdown-size-large">
                                {this.dropdownData()}
                              </DropdownButton>
                         </ButtonToolbar>
                      </Col>
                   </Row> 
              </Grid>

Answer 1

MenuItem不是本机元素，您应该检查它的文档以获取更多信息

React js：event.preventDefault引发react-boostrap menuItem的异常

1 个答案: