首页 > 其他分享 >表单笔记-Antd(Form)

表单笔记-Antd(Form)

时间:2022-11-06 04:11:06浏览次数:53  
标签:const Form val 笔记 表单 Antd

antd表单使用笔记

import { Form } from 'antd'
export default const App=()=>{
  const form = Form.useForm();
  //提交表单
  const onFinish = (val) => {
    //val可以拿到表单内容
    console.log(val);
  };
  <Form onFinish={onFinish} layout="horizontal" form={form} >
    <Form.Item label="名称" name="name" rules={[{ required: true, message: '不填不行啊' }]}>
      <Input ref={input} />
    </Form.Item>
  </Form>
}

标签:const,Form,val,笔记,表单,Antd
From: https://www.cnblogs.com/melongs/p/16861844.html

相关文章

  • Winform窗体常用属性
    一、WinForm:客户端程序制作-C/S(B/S:服务器端)它是基于.NETFramework框架上运行,不是必须在windows系统上才能运行---------------------------------------------------......
  • 【jquery Ajax 】form表单教学+评论案例
        ✍️作者简介:前端新手学习中。目录​​form表单的基本使用​​​​    什么是表单​​​​    表单的组成部分​​​​标签的属性​​​​ ......
  • Xamrin.Forms android端全局异常处理
     以下为MainActivity中代码usingSystem;usingAndroid.App;usingAndroid.Content.PM;usingAndroid.Runtime;usingAndroid.OS;usingXamrinScanner.Services;......
  • Format
    Format/**Copyright(c)1996,2013,Oracleand/oritsaffiliates.Allrightsreserved.*ORACLEPROPRIETARY/CONFIDENTIAL.Useissubjecttolicenseterms.......
  • React使用Antd自定义主题报错
    安装包"customize-cra":"^1.0.0","customize-cra-less-loader":"^2.0.0","less":"^4.1.3","less-loader":"^11.1.0",修改config-overrides.jsconst{override......
  • freecodeCamp_注册表单
    点击查看代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>RegistrationForm</title><linkrel="stylesheet"href="styles......
  • 【问题】:is not supported wheel on this platform
    安装离线文件的时候,会遇到这个问题, 很奇怪。问题:isnotsupportedwheelonthisplatform 解决方案是,先运行python,然后执行 importplatform  platform.architec......
  • FormData类型的event.target.files如何使用Postman进行接口测试
    <divclass="filelist"><inputtype="file"accept=".doc,.docx,.txt,.pdf"@change="getFile($event)"/><button@click="submitForm($event)">提交</......
  • Vue表单验证插件Vue Validator使用方法详解
    https://www.jb51.net/article/110609.htmVue-validator是Vue的表单验证插件,供大家参考,具体内容如下Vue版本:1.0.24Vue-validator版本:2.1.3基本使用12345......
  • DateFormat
    DateFormat/**Copyright(c)1996,2013,Oracleand/oritsaffiliates.Allrightsreserved.*ORACLEPROPRIETARY/CONFIDENTIAL.Useissubjecttolicensete......