Ant Design: как передать this.props.form детям

Question

У меня есть форма, и каждый Form.Item является отдельным компонентом, выглядит следующим образом:

  <Form>
  {this.props.children}
  </Form>

Как я могу использовать this.props.form в дочерних элементах, поскольку он создается только в компоненте Form

Answer 1

Вы можете сделать следующее в вашем методе рендеринга, если хотите передать this.props.form дочерним элементам:

render() {
    const { children } = this.props;

    const childrenWithProps = React.Children.map(children, child =>
      React.cloneElement(child, { someForm: this.props.form })
    );

    return <Form>{childrenWithProps}</Form>
}

Тогда в вашем дочернем компоненте вы можете получить доступ к подпорке через this.props.someForm, дляпример.