Ant Design（小白学习之路）

一.简介

Ant Design of React
antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

✨ 特性
兼容环境
版本
安装
示例
链接
谁在使用
如何贡献
社区互助
✨ 特性#
🌈 提炼自企业级中后台产品的交互语言和视觉风格。

📦 开箱即用的高质量 React 组件。

🛡 使用 TypeScript 开发，提供完整的类型定义文件。

⚙️ 全链路开发和设计工具体系。

🌍 数十个国际化语言支持。

🎨 深入每个细节的主题定制能力。

二.入门学习

废话不多说直接开始学习
1.安装ant design
找到项目路径,在路径上输入cmd回车进入命令行

//安装了npm的直接执行以下命令(--save如果你的npm版本是5以上可以不要)
npm i antd --save
//yarn安装
yarn add antd
//网络不好用国内的cnpm安装
cnpm i antd

本文是从已构建的react项目开始的

1.类组件创建

import React, {
    Component } from 'react'
// 引入antd组件（DatePicker可选日期组件）
import {
   ConfigProvider,DatePicker,message} from 'antd'
// 由于 antd 组件的默认文案是英文，所以需要修改为中文
import zhCN from 'antd/lib/locale/zh_CN'
// 引入组件样式
import 'antd/dist/antd.css';
//创建并导出组件
export default class Antd extends Component {
    
    // 初始化状态默认为当前状态
    state = {
    data : new Date()};

    render() {
   
        const {
   data} = this.state;
        return (
            <ConfigProvider locale={
   z