[英]Use Create-React-App with Material UI
我是Material UI和ReactJS的新手。 我一直在玩Create-React-App(CRA)和reactstrap 。 我的问题是,我可以同时使用Material UI和CRA来构建应用程序吗?
首先安装material-ui
npm install --save material-ui
要么
yarn add material-ui
src/App.js
import React, { Component } from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; // add
import RaisedButton from 'material-ui/RaisedButton'; // add
import logo from './logo.svg';
import './App.css';
class App extends Component {
render() {
return (
<MuiThemeProvider>
<div className="App">
<div className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h2>Welcome to React</h2>
</div>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<RaisedButton label="Material UI" />
</div>
</MuiThemeProvider>
);
}
}
export default App;
总而言之,这些是要做的事情:
安装必要的软件包。
在App.js
导入MuiThemeProvider
组件,在MuiThemeProvider
组件中App.js
app div
material-ui
导入和使用任何组件 0.19.1之前的material-ui版本需要react-tap-event-plugin
对于那些版本,您必须在index.js中进行此更改
src/index.js
import React from 'react';
import ReactDOM from 'react-dom';
import injectTapEventPlugin from 'react-tap-event-plugin'; // add
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
injectTapEventPlugin(); // add
ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();
index.js
react-tap-event-plugin
导入injectTapEventPlugin
并将其初始化。 injectTapEventPlugin
来消除iOS中的点击延迟。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.