【Ant Design For React】使用了Form组件的Component的form prop是从哪里来的？

Question

以下是一个使用了Form组件的React Component：

import { Form, Icon, Input, Button } from 'antd';
const FormItem = Form.Item;
...

class HorizontalLoginForm extends React.Component {
  componentDidMount() {
    this.props.form.validateFields();
  }
  ...
}

完整代码见这里

注意this.props.form这一句，这个form prop是从哪里来的？

Answer 1

export default Form.create()(HorizontalLoginForm);

被装饰了。和redux的connect一个原理，高阶组件（HOC）可以给你的组件增加props。如果你的代码支持装饰器，可以这么写：

@Form.create()
class HorizontalLoginForm extends React.Component {}