antd3.0表单回填、阿里图标简单实使用

最新推荐文章于 2024-07-11 13:55:30 发布

July_s

最新推荐文章于 2024-07-11 13:55:30 发布

阅读量531

点赞数

文章标签： html javascript reactjs es6 css

本文链接：https://blog.csdn.net/July_s/article/details/105787647

版权

这篇博客介绍了如何在Ant Design 3.26.13版本中进行表单回填操作，并展示了阿里图标的简单使用方法。首先通过npm安装antd库，然后在项目中引入并应用。

摘要由CSDN通过智能技术生成

首先安装npm i antd@3.26.13 -S版本antd

引入

import React, {
    Component } from 'react'
import {
    Form, Input, Button, Checkbox ,Icon} from 'antd';

const IconFont =Icon.createFromIconfontCN({
   
		*//你自己阿里图库的最新链接*
    scriptUrl: '//at.alicdn.com/t/font_1779448_mqh78aocn1.js',
  });
export default @Form.create({
   
  // 表单回填使用
 mapPropsToFields (props) {
   
    return {
   
      username: Form.createFormField({
   
       // 必须是 value
         value: '小白',
       }),
     password: Form.createFormField({
   
       value: