表单
Antd 中表单的使用
表单数据
数据存储外化
通过使用
const CustomizedForm = Form.create({
name: "global_state",
onFieldsChange(props, changedFields) {
props.onChange(changedFields);
},
mapPropsToFields(props) {
return {
username: Form.createFormField({
...props.username,
value: props.username.value
})
};
},
onValuesChange(_, values) {
console.log(values);
}
})(props => {
const { getFieldDecorator } = props.form;
return (
<Form layout="inline">
<Form.Item label="Username">
{getFieldDecorator("username", {
rules: [{ required: true, message: "Username is required!" }]
})(<Input />)}
</Form.Item>
</Form>
);
});