getFieldDecorator(id, options) 参数
其中id是字段对应的key值,必填输入控件唯一标志,options是一个对象里面有很多属性。图里这个FormItem是通过按钮点击弹出输入框 最后显示到AddCatalog组件里面 所以其实事件其实触发不了 百度了很多都没有找到解决方法,最后还是在官方文档发现了setFieldsValue属性,这个属性就是用来动态设置表单值的。
{
type != 2 && <Form.Item label="课程目录">
{
getFieldDecorator('catalogValue', {
initialValue: catalogValue,// 初始值
validateTrigger: 'onBlur', // 触发方式
rules: [
{ required: true, message: '请输入课程目录' },
],// 校验规则
})(
<AddCatalog data={catalogList} courseName={title} isNoMore={isNoMore} getCatalog={this.getCatalog} addCatalogClick={this.addCatalogClick} ></AddCatalog>
,)}
</Form.Item>
// 使用 setFieldsValue 来动态设置课程目录的值 确保不为空
this.props.form.setFieldsValue({
catalogValue: catalogValue,
})