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=()=>(

Button
);

export default App;

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

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

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

你可能感兴趣的:(react 项目的创建)