react antd

react 的 antd框架中 form使用需注意：

1、不能用state改变下拉框、输入框等组件的值，因为 经过 getFieldDecorator 包装的控件，表单控件会自动添加 value（或 valuePropName 指定的其他属性） onChange（或 trigger 指定的其他属性），数据同步将被 Form 接管值。要用setFieldsValue（{key:value}）;

2、比如修改页面使用form 用到下拉框Select时，要给select加上lableInValue={true}属性，相应的setFieldsValue 的value也必须换成{key：“”，value:""}的形式

3、子组件form表单自定义的方法，父组件里通过this.refs.someName.somoeFunction是获取不到该方法的，要用wrappedComponentRef：

<From
wrappedComponentRef={(inst) => this.formRef = inst}
/>

this.formRef.somoeFunction

因为源码中

class Form extends React.Component { ... }

// deprecated
const EnhancedForm = createForm({ withRef: true })(Form);
<EnhancedForm ref="form" />
this.refs.form.refs.wrappedComponent // => The instance of Form

// Recommended
const EnhancedForm = createForm()(Form);
<EnhancedForm wrappedComponentRef={(inst) => this.formRef = inst} />
this.formRef // => The instance of Form

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有