Нажмите события не работает на вкладках

Question

Я следующий JSX код, который не работает с кликами мыши:

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')); 

Это просто плоский из не работают. Я действительно запутался, потому что выбор вкладок с клавиатурой работает, но не с помощью мыши. Я проверил все депы, кажется, все в порядке. Практически тот же самый код работает в примерах. Я попытался настроить jsfiddle, но я не нашел размещенный источник материала-ui для использования.

Любая идея, что вызывает это?

версии

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

Answer 1

Видимо компонент Tabs полностью полагается на среагировать отводами -events для запуска события onChange без обратной совместимости с простыми щелчками.

Убедитесь, что вы делаете это:

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