dva Form.create() 使用问题

这样有问题:

class loginPage extends React.Components {
  ...
  handleSubmit (e) {
    this.props.form.validateFields((err, values) => {
      this.props.dispatch...
    });
  }
  ...
  render () {
    return (
      <Form onSubmit={handleSubmit.bind(this)}>
        <Form.Item>
          {getFieldDecorator('username', {
            rules: [{ required: true, message: '请输入您的邮箱!' }],
          })(
            <Input prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="邮箱" onChange={
              e => {
                this.props.dispatch...
              }
            } />
          )}
        </Form.Item>
        <Form.Item>
          <Button type="primary" htmlType="submit" onClick={
            e => {
              this.props.dispatch...
            }
          }>登录</Button>
        </Form.Item>
      </Form>
    );
  }
  ...
}
export default connect(({ loginData }) => ({ loginData }))(Form.create()(loginPage));

以上各处的 dispatch 都失效了
改为:

const loginPage = ({
  loginData,
  dispatch,
  form: {
    getFieldDecorator,
    validateFields,
  },
}) => {
  const handleSubmit = (e) => {
    validateFields((err, values) => {
      dispatch...
    });
  }
  ...
  return (
    ...
  )
}
export default connect(({ loginData }) => ({ loginData }))(Form.create()(loginPage));