React js : event.preventDefault 为 react-boostrap menuItem 抛出

Question

菜单项有一个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

不是本机元素，您应该查看其文档以获取更多信息