Reactjs 单击不在选项卡上工作的事件

我的以下jsx代码不适用于MouseClick：

import React from 'react';
import Tabs from 'material-ui/lib/tabs/tabs';
import Tab from 'material-ui/lib/tabs/tab';

const Main = () => (
  <div>
    <Tabs>
      <Tab label="Item One" >
        <div>
          <h2 >Tab One</h2>
          <p>
            This is an example tab.
          </p>
          <p>
            You can put any sort of HTML or react component in here.
            It even keeps the component state!
          </p>
        </div>
      </Tab>
      <Tab label="Item Two" >
        <div>
          <h2 >Tab Two</h2>
          <p>
            This is another example tab.
          </p>
        </div>
      </Tab>
      <Tab label="onActive" >
        <div>
          <h2>Tab Three</h2>
          <p>
            This is a third example tab.
          </p>
        </div>
      </Tab>
    </Tabs>
  </div>
);

ReactDOM.render((
  <Main />
), document.getElementById('app'));

从“React”导入React；
从“物料ui/lib/Tabs/Tabs”导入选项卡；
从“物料ui/lib/tabs/Tab”导入选项卡；
常量Main=（）=>(
表一

这是一个示例选项卡。


您可以在这里放置任何类型的HTML或react组件。
它甚至保持组件状态！

表二

这是另一个示例选项卡。

表三

这是第三个示例选项卡。

);
ReactDOM.render((
)，document.getElementById（'app'）；

它完全不起作用。我真的很困惑，因为用键盘选择标签有效，但用鼠标不行。我检查了所有的DEP，他们看起来都很好。示例中的代码几乎完全相同。我试图设置一个JSFIDLE，但还没有找到一个可供使用的托管材料源ui

你知道这是什么原因吗

版本

react@0.14.7 材料-ui@0.14.4

---

反应抽头事件-plugin@0.2.2显然，Tabs组件完全依赖react-tap事件来触发onChange事件，与简单的单击没有向后兼容性

请确保执行以下操作：

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

---

我有同样的问题，尽管我已经注入了如上所示的插件。更新：更新为“react tap event plugin”：“^1.0.0”为我解决了这个问题。