react组件库-ant.design

ant.design

是采用 React 封装了一套 Ant Design 的组件库

ant.design地址

安装

npm i --save antd
# 或者
yarn add antd

注意:package.json里面的文件名不能也叫antd,不然会报错

引入css

我们在App.css通过css引入模式进行引入
App.css

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

或者我们可以在ndex.js中引入css
App.js

import 'antd/dist/antd.min.css'

注意:不要写import 'antd/dist/antd.css'会报警告

使用组件

React组件不支持全局注册，我们需要在我们对应的使用到antd组件的组件里，引入对应需要的组件

import { Button } from 'antd'​
function App() {  return (  
  <Button></Button>
    )}

注意：antd中有些代码不符合React.StrictMode模式，所以未来如果不希望因严格模式导致的警告出现，可以把index.js中的<React.StrictMode></React.StrictMode>标签删除

ReactDOM.render(
  <App />,
  document.getElementById('root')
);