|
|
|
@ -36,7 +36,12 @@ let Demo = React.createClass({
|
|
|
|
|
},
|
|
|
|
|
submit(e) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
console.log(this.props.form.getFieldsValue());
|
|
|
|
|
this.props.form.validateFields((errors, values) => {
|
|
|
|
|
if (errors) {
|
|
|
|
|
console.log(errors);
|
|
|
|
|
}
|
|
|
|
|
console.log(values);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
render() {
|
|
|
|
|
const { getFieldProps, getFieldValue } = this.props.form;
|
|
|
|
@ -52,7 +57,14 @@ let Demo = React.createClass({
|
|
|
|
|
const formItems = getFieldValue('keys').map((k) => {
|
|
|
|
|
return (
|
|
|
|
|
<Form.Item {...formItemLayout} label={`好朋友${k}:`} key={k}>
|
|
|
|
|
<Input {...getFieldProps(`name${k}`)} style={{ width: '80%', marginRight: 8 }} />
|
|
|
|
|
<Input {...getFieldProps(`name${k}`, {
|
|
|
|
|
rules: [{
|
|
|
|
|
required: true,
|
|
|
|
|
whitespace: true,
|
|
|
|
|
message: '你好友的名字捏!',
|
|
|
|
|
}],
|
|
|
|
|
})} style={{ width: '80%', marginRight: 8 }}
|
|
|
|
|
/>
|
|
|
|
|
<Button onClick={() => this.remove(k)}>删除</Button>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
);
|
|
|
|
|