我是 Material UI 和 ReactJS 的新手。我一直在玩创建 React 应用程序 (CRA) https://github.com/facebookincubator/create-react-app and 反应带 https://github.com/reactstrap/reactstrap。
我的问题是,我可以同时使用 Material UI 和 CRA 来构建应用程序吗?
首次安装material-ui
npm install --save material-ui
or
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;
总结起来,要做的事情有以下几点:
需要 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();
- import
injectTapEventPlugin
from react-tap-event-plugin
in index.js
并初始化它。injectTapEventPlugin
按顺序使用
消除 iOS 中的点击延迟。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)