根据官方文档在 React 中使用 element-ui
Step 1:npm 安装
$ npm i element-react --save
Step 2:下载主题包
npm install element-theme-default --save
Step 3:在 React 中使用
import React, { Component } from "react";
import ReactDOM from "react-dom";
import { Button } from "element-react";
import "element-theme-default";
class App extends Component {
render() {
return (
<div>
<Button type="primary">Hello</Button>
</div>
);
}
}
ReactDOM.render(<App />, document.querySelector("#root"));
Step4:此时报错 Can’t resolve ‘react-hot-loader’
如果react出问题的话,出现以下问题
Failed to compile
./node_modules/element-react/dist/npm/es5/libs/animate/index.js
Module not found: Can't resolve 'react-hot-loader' in 'D:\0-learn\visualization-editor\node_modules\element-react\dist\npm\es5\libs\animate'
请安装react-hot-loader最新版本
$ npm install react-hot-loader@next