我如何在电子中使用 material-ui
How do I use material-ui in electron
我的代码总是在电子控制台中给我一个错误,但是同样的代码在网络浏览器中没有给我一个错误:
import React, { Component } from 'react';
import { Router, Route, Link, browserHistory ,hashHistory} from 'react-router'
import { render } from 'react-dom';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import injectTapEventPlugin from 'react-tap-event-plugin';
import { RaisedButton } from 'material-ui';
class App extends Component {
render() {
return (
<MuiThemeProvider>
<RaisedButton className="submit" label='xxxxxxx' labelColor="#fff" backgroundColor="#32a62e"></RaisedButton>
</MuiThemeProvider>
)
}
}
injectTapEventPlugin();
let rootElement = document.getElementById('containers');
render(
<App/>,
rootElement
)
您需要添加
import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();
到 javascript 文件的顶层,如文档 this 页中所述。这是因为 onTouchTap
依赖此模块工作所以将其向上移动到 class 定义之前或您拥有的顶部 js 文件。
我的代码总是在电子控制台中给我一个错误,但是同样的代码在网络浏览器中没有给我一个错误:
import React, { Component } from 'react';
import { Router, Route, Link, browserHistory ,hashHistory} from 'react-router'
import { render } from 'react-dom';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import injectTapEventPlugin from 'react-tap-event-plugin';
import { RaisedButton } from 'material-ui';
class App extends Component {
render() {
return (
<MuiThemeProvider>
<RaisedButton className="submit" label='xxxxxxx' labelColor="#fff" backgroundColor="#32a62e"></RaisedButton>
</MuiThemeProvider>
)
}
}
injectTapEventPlugin();
let rootElement = document.getElementById('containers');
render(
<App/>,
rootElement
)
您需要添加
import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();
到 javascript 文件的顶层,如文档 this 页中所述。这是因为 onTouchTap
依赖此模块工作所以将其向上移动到 class 定义之前或您拥有的顶部 js 文件。