2016-10-05 3 views
1

Я создаю электронное приложение с React и пытаюсь использовать Material-UI для элементов пользовательского интерфейса. Я добавил элемент datepicker и timepicker к компоненту, и вход отображается в электронном приложении, однако, когда вы нажимаете на него, ничего не происходит. Не уверен, что я пропускаю, чтобы получить эту работу правильноИспользование материала-ui с электроном

компонентов:

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

ответ

1

В вашем app.js, вам нужно импортировать и выполните следующий плагин:

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

или переключиться на текущую версию V1 избавиться от этой проблемы. – mjwrazor

Смежные вопросы