Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应引导菜单项->;onClick_Javascript_Reactjs_Twitter Bootstrap_Dom Events_React Bootstrap - Fatal编程技术网

Javascript 反应引导菜单项->;onClick

Javascript 反应引导菜单项->;onClick,javascript,reactjs,twitter-bootstrap,dom-events,react-bootstrap,Javascript,Reactjs,Twitter Bootstrap,Dom Events,React Bootstrap,如果我使用MenuItem,则onClick将忽略为事件。stopPropagation还将忽略事件。nativeEvent.stopPropagation还将防止默认值和stopImmediatePropagation 在单击页面上转到href链接 我做错了什么 <MenuItem href="#" onClick={(e) => { log(item, e); e.stopPropagation(); e.nativeEvent.stop

如果我使用MenuItem,则onClick将忽略为事件。stopPropagation还将忽略事件。nativeEvent.stopPropagation还将防止默认值和stopImmediatePropagation

在单击页面上转到href链接

我做错了什么

<MenuItem
   href="#"
   onClick={(e) => {
     log(item, e);
     e.stopPropagation();
     e.nativeEvent.stopImmediatePropagation();
     this.addItem(item);
   }}
   >{item.label}</MenuItem>
{
日志(项目e);
e、 停止传播();
e、 nativeEvent.stopImmediatePropagation();
本增补项(项目);
}}
>{item.label}

只有当我添加一个
href=“javascript:;”
时,它才起作用,但这是一个丑陋的黑客行为…

使用
onSelect
而不是onClick。某些react引导程序组件不支持onClick我需要阻止a.href onClick工作,但事件被触发,网页转到onClick函数中的a.hrefse
返回false
,然后取代v0.14,从事件处理程序返回false将不再停止事件传播。确定,然后使用“react native listener”库。如果您已经在使用React v0.14,则有一个库用于此: