Ant Design简称Antd 是基于Ant Design设计体系的React UI组件库 主要用于研发企业级中后台产品 然后在组件中直接用标签形式引用即可： 全局导入css样式会导致体积过大 首先需要安装babel-plugin-import插件 在.babelrc的plugin里添加 例如： 这样 每次使用的时候只需要引入模块即可 无需单独引入样式了
安装
npm install antd -S 使用
导入组件：
import { DatePicker } from 'antd'; 全局导入样式：
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less' <DatePicker></DatePicker>import React from 'react'; // Ant Design的日期选择组件 import { DatePicker } from 'antd' export default class App extends React.Component { constructor(props) { super(props); this.state = {} } render() { return <div> <DatePicker></DatePicker> </div> } } 按需导入
建议使用按需导入 减少bundle.js的体积npm i babel-plugin-import -D ["import",{"libraryName":"antd","style":"css"}]{ "presets":["@babel/preset-env","@babel/preset-react"], "plugins":["@babel/transform-runtime","@babel/plugin-proposal-class-properties",["import",{"libraryName":"antd","style":"css"}]] } import { DatePicker } from 'antd';
本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。
ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载
本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.
阅读和此文章类似的: 全球云计算
官方软件产品操作指南 (169)
