2016-10-05 6 views
1

React가있는 전자 응용 프로그램을 빌드하고 UI 요소에 Material-UI를 사용하려고합니다. datepicker와 timepicker를 컴포넌트에 추가했는데 입력이 전자 응용 프로그램에 나타나지만 클릭하면 아무 일도 일어나지 않습니다. 확실하지 내가 무엇을 위해 누락하는 것은이 작업을 얻을 제대로Material-ui with Electron 사용

구성 요소 :

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 : 당신의 app.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 }); 

답변

1

, 당신은 가져올 필요 다음 플러그인을 실행하십시오.

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

또는 현재 버전으로 전환하면이 문제가 해결됩니다. – mjwrazor