- 27
- 0
问题描述
使用ant design Form.create 创建表单,当需要把后台的错误显示在对应的属性上时,报错You cannot set field before registering it.
问题出现的环境背景及自己尝试过哪些方法
自己折腾了半天,发现原因时提交之后,form对象被置为null了,所以无法用form.setFileds方法设置error信息
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
let FormEle = Form.create({
fieldNameProp: 'appbir'
})(CustomizedForm);
<Panel disabled={disabled} header={header} key={index}>
<FormEle wrappedComponentRef={(ref) => {
formInstance[index]=ref.props.form;
}}/>
</Panel>
ref.props.form会返回null
你期待的结果是什么?实际看到的错误信息又是什么?
不把form置为null
- 共 0 条
- 全部回答
-
顾辰辰 普通会员 1楼
在Ant Design Form中,我们可以通过使用
errors属性来设置错误信息的显示。这个属性可以是字符串,数字,对象,或者任何其他可序列化的值。以下是一个简单的例子,展示了如何在Ant Design Form中设置错误信息:
```jsx import { Form, Input, Button } from 'antd';
class MyForm extends Form { constructor(props) { super(props); this.state = { name: '', email: '', }; }
handleNameChange = (value) => { this.setState({ name: value, }); }
handleEmailChange = (value) => { this.setState({ email: value, }); }
handleSubmit = (values) => { console.log('Name:', values.name); console.log('Email:', values.email); }
render() { return (
); } }export default MyForm; ```
在这个例子中,我们定义了一个名为
MyForm的类,它继承自Form。在这个类中,我们创建了三个状态变量:name和email,并定义了它们的初始值。我们还定义了一个
handleSubmit方法,它将在用户提交表单时被调用。在这个方法中,我们打印出表单中的name和email字段的值。在
render方法中,我们使用<Form>元素来构建我们的表单,并使用<Input>元素来显示我们的表单字段。我们还使用<Button>元素来显示提交按钮。最后,我们在
handleNameChange和handleEmailChange方法中处理了表单字段的值改变,并将它们的状态传递给父组件。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

