使用材料与电子ui

我正在用React构build一个电子应用程序,并试图为UI元素使用Material-UI。 我添加了一个datepicker和timepicker到一个组件和input显示在电子应用程序,但是当你点击它,没有任何反应。 不知道我错过了什么,为了让这个工作正常

零件 :

import React, { Component } from 'react'; import DatePicker from 'material-ui/DatePicker'; import TimePicker from 'material-ui/TimePicker'; export default class Schedule extends Component { render() { return ( <div> Pick a date : <DatePicker id="date"/> and time : <TimePicker id="time"/> </div> ) } } 

index.js:

 import 'babel-polyfill'; // generators import React from 'react'; import { render as renderReact } from 'react-dom'; import debounce from 'debounce'; import configureStore from './store/configureStore'; import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; import injectTapEventPlugin from 'react-tap-event-plugin'; injectTapEventPlugin(); const state = JSON.parse(localStorage.getItem('state')); const store = configureStore(state || {}); let App = require('./components/app').default; const render = (Component) => { renderReact(<MuiThemeProvider><Component {...store} /></MuiThemeProvider>, document.getElementById('root')); }; if (module.hot) { module.hot.accept('./components/app', function() { let newApp = require('./components/app').default; render(newApp); }); } const saveState = debounce(() => { localStorage.setItem('state', JSON.stringify(store.getState())); }, 1000); store.subscribe(() => { saveState(); render(App); if (process.env.ENV === 'development') { console.log('state', store.getState()); } }); store.dispatch({ type: 'APP_INIT', store }); 

在你的app.js中,你需要导入并执行下面的插件:

 const injectTapEventPlugin = require('react-tap-event-plugin'); injectTapEventPlugin();