使用Material-ui和Electron

Question

我正在用React構建一個電子應用程序，並嘗試使用Material-UI作爲UI元素。我添加了一個datepicker和timepicker到一個組件，輸入顯示在電子應用程序中，但是當你點擊它時，什麼都不會發生。不知道我的思念，爲了得到這個工作，正確

組件：

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

Answer 1

在你app.js，您需要導入和執行以下插件：

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