//1.const [form] = useForm() 必不可少!!!
//2.必须要给组件传递一个props !!!
//3.给Form组件,添加form={form} !!!
//4.获取表单的值, form.getFieldValue 获取对应字段的值
//5.提交表单 onFinish
/*<Form.Item name='myInput' > <Input placeholder='请输入' /> </Form.Item> 注:如果要获取到Input的值,必须用Form.Item 包裹 并且给Form.Item 添加name属性,后面获取Input值的时候,就是通过name来获取 */import React from 'react';
import {
Form, Row, Col, Button, Input } from 'antd';
import styles from './index.less';const Test1 = (props) => {
const [form] = Form.useForm() ******const onFinish = (values) => {
******console.log(values);}const otherBtnClick = () => {
console.log(form.getFieldValue('bbb'));}return (<div className={
styles.test1}><Form onFinish={
onFinish} form={
form}> ******<Row><Col md={
8} sm={
24}><Form.Item label="联系电话" name='bbb'> ******<Input placeholder='请输入' /></Form.Item></Col><Col md={
8} sm={
24}><Form.Item label=" "> <Button type='primary' htmlType='submit'>点我</Button></Form.Item></Col></Row></Form><Button type='primary' onClick={
otherBtnClick}>点我获取form</Button></div>);
};export default Test1;
详细解决方案
Antd 4.4.3 版本,如何获取form表单的值
热度:79 发布时间:2023-11-22 05:52:12.0
相关解决方案
- 求jquery.form.js+jquery.validate.min.js 用ajax提交表单的代码范例
- 关于<form action >的一个有关问题
- 新手求解,使用struts报错Cannot retrieve definition for form bean studsForm on action /stu,该怎么解决
- jquery form 有关问题
- form 表单交付 <form action="<c:url value='desktop'/>"
- 项目好好的,忽然就Unknown tag (s:form).不知道为什么
- ENCTYPE="multipart/form-data"文件下传有关问题
- 生手求解,使用struts报错Cannot retrieve definition for form bean studsForm on action /stu
- CAPTCHA 模块中 ajax form 导致CAPTCHA session reuse attack detected异常,解决方法
- enctype="multipart/form-data"的页面中,获取普通表单中文值,
- 在jsp页面下导入.xls文件,报错:Posted content type isn't multipart/form-data
- jsp form 表单 提交 带特殊符号 求高手帮忙解答上多谢!
- form.getForm.submit对象不支持此属性或步骤
- jsp中<form>标记有关问题?头疼了很多天
- action无法获取<s:form>的输入解决方法
- form action 和 javascript 的提交問題解决方法
- s:form 的anction 标签[]
- 关于enctype="multipart/form-data"及过滤器的怪异有关问题~
- import form.addBookForm 有晓得这个包的出处的嘛?SOS~
- Windows Form 中怎么将 treeview 的节点与页面内容关联
- 怎样把Html文本转换为System.Windows.Form.HtmlDocment对象!解决方法
- Form.FormClosing事件不触发(winform)解决思路
- 将html form 内容写到后盾
- .net MVC下运用FckEditor检测到有潜在危险的 Request.Form
- 从客户端(FCKeditor1="哇啦哇")中检测到有潜在危险的 Request.Form 值
- freetextbox 检测到有潜在风险的 Request.Form 值
- 从客户端(Content="<p>测试</p>")中检测到有潜在风险的 Request.Form 值
- context.Request.Form[""]获取不到值,该怎么解决
- 为什么asp.net4.0中禁用请求验证还提示“有潜在危险的 Request.Form 值”解决思路
- 错误详细信息: System.Web.HttpException: 一页只能有一个服务器端 Form 标记