使用脚手架create-react-app，再引入antd。

安装脚手架create-react-app，然后create-react-app projectName新建一个项目。

关于如何引入antd，官网有教程

1、yarn 或 npm 安装并引入 antd。

$ yarn add antd

2、修改 src/App.js，引入 antd 的按钮组件。

import React, { Component } from 'react';
import {Button,Input} from 'antd';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <Button type="primary">Button</Button>
        <Input />
      </div>
    );
  }
}

export default App;

3、修改 src/App.css，在文件顶部引入 antd/dist/antd.css。

@import '~antd/dist/antd.css';

注意这里引入的是整个antd，对于性能优化有影响。解决方案是按需引入，具体配置以后补充。

赏

谢谢你请我吃糖果

微信