Antd的学习

 1.获取Form表单输入的值

<Form.Item label="姓名" {...formItemLayout}>
                    {this.props.form.getFieldDecorator('name')(<Input />)}
                  </Form.Item>

2.返回问题

const sjlyColums = [
      {
        label: '报丧来源',
        key: 'originDeath',
        options: { rules: [{ required: true, message: '报丧来源不能为空' }] },
        render: (
          <Radio.Group style={{ marginTop: 5 }}>
            {originDeathArray && originDeathArray.length > 0
              ? originDeathArray.map((item, key) => {
                  return <Radio value={item.code}>{item.detail}</Radio>;
                })
              : null}
          </Radio.Group>
        )
      }
    ];

{sjlyColums.map((colum) => {
                  return (
                    <Form.Item label={colum.label} labelCol={{ span: 4 }} wrapper={{ span: 20 }}>
                      {this.props.form.getFieldDecorator(colum.key, colum.options)(colum.render)}
                    </Form.Item>
                  );
                })}
要是没有其他条件需求来限制的话，可写成
{sjlyColums.map((colum) => (
                    <Col span={24} key={colum.key} style={{ height: '30px', marginTop: '10px' }}>
                      <Form.Item label={colum.label} labelCol={{ span: 4 }} wrapperCol={{ span: 20 }}>
                        {this.props.form.getFieldDecorator(colum.key, colum.options)(colum.render)}
                      </Form.Item>
                    </Col>
                  ))}

()=>()是()=>{return()}简写 

3.

const {dispatch} = this.props;

这段代码你可以认为是这样: const dispatch =this.props.dispatch; 那样写是 ES6 的简写形式

3.例如上面代码中定义属性时，使用render定义时两种用法：