单击不在选项卡上的事件

Question

我有以下jsx代码，无法使用mouseclicks：

Failed to load resource: the server responded with a status of 404 (Not Found)

vendor.6e8f248d.js:5 Error: [$compile:tpload] Failed to load template: 
/views/tabdir.html (HTTP status: 404 Not Found)

它只是平坦无效。我真的很困惑，因为用键盘选择标签可以工作，但不能用鼠标。我检查了所有的deps，他们似乎很好。几乎完全相同的代码在示例中起作用。我试图设置一个jsfiddle，但我还没有找到一个托管的资料来源 - ui可以使用。

知道造成这种情况的原因是什么？

版本

react@0.14.7 material-ui@0.14.4 react-tap-event-plugin@0.2.2

Answer 1

显然，Tabs组件完全依赖于react-tap-events来触发onChange事件，而不会向后兼容简单的点击。

确保执行此操作：

import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();