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;}...

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容