React框架使用Element ui 组件

根据官方文档在 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

Step5： 成果