目前在使用antd做一个页面，简单总结一下。
一、安装
1、在开始之前，先下载Node.js v4.x 或以上。
2、安装后输入npm install antd-init -g 安装antd https://ant.design/docs/react/introduce-cn
npm install antd --save
3、使用命令行进行初始化。
$ mkdir antd-demo && cd antd-demo
$ antd-init
antd-init 会自动安装 npm 依赖，若有问题则可自行安装。
二、运行
###一定要引入antd的css，否则样式不生效！！！！
最好的学习材料是官方文档，里面提供了许多组件和API，最近项目用到的几个，在下面简单说一下：
1. Tag
需求：在项目中展示当前机器的运行状态
写法：
系统自动为标签元素添加的类
具体用法：
判断不同状态码下tag的颜色
在表格中运用tag color
目前为止没有什么坑。。
2. Table
3. Tooltip
目前在使用antd做一个页面，简单总结一下。 一、安装 1、在开始之前，先下载Node.jsv4.x 或以上。 2...
在react.js上使用antd-design antd-design antd-design 引入antd样式 ...
antd的使用 antd是一个组件库 安装antd$ npm install antd 安装babel-plugi...
1、使用cnpm 安装antd，执行：cnpm install -D antd。 2、根据antd desig...
antd的快捷引用 antd官方引用方法需要分别引入js和css，import Button from 'antd...
create-react-app 安装antd-design 配置antd按需加载antd 的 JS 代码默认支持...
npm i antd-iconfont安装后将antd-iconfont中的html文件删除将antd-iconf...
主题色切换 按antd官方文档，要动态切换主题不能引用@import '~antd/dist/antd.less'...
目标，同时配置antd和antd-mobile的按需引入 原本只引入了antd，如下是confing-overri...
antd 报错 MenuItem should not leave undefined `key` 1. antd...
本文标题：新人第013天---antd
本文链接：https://www.haomeiwen.com/subject/qkpkkxtx.html
网友评论