react 项目的创建

1 创建

npx create-react-app my-react-app

2 引入 antd

官方文档

https://ant.design/docs/react/use-with-create-react-app-cn

yarn add antd

防止图片看不见

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

import React from 'react';

import {Button} from'antd';

import'./App.css'; 

constApp=()=>(<div className="App"><Buttontype="primary">Button</Button></div>);

export default App;

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

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

.App{text-align:center;}...