Reactjs 如果儿童没有';则是否可以将ref附加到通过this.props.children接收的儿童;你没有附加参考号吗?

Reactjs 如果儿童没有';则是否可以将ref附加到通过this.props.children接收的儿童;你没有附加参考号吗?,reactjs,react-native,Reactjs,React Native,我们想要的是创建一个可重用的表单处理程序,该处理程序处理作为子对象传递给它的组件的输入验证 //这是呈现窗体的父类 (表格)是我希望进行验证的地方 <View style={{ flex: 1, padding: 16 }}> <Form> <MaterialInput placeholder="Email" value="Hamma" type="email" /> <MaterialInput pl

我们想要的是创建一个可重用的表单处理程序,该处理程序处理作为子对象传递给它的组件的输入验证

//这是呈现窗体的父类 (表格)是我希望进行验证的地方

  <View style={{ flex: 1, padding: 16 }}>
    <Form>
      <MaterialInput placeholder="Email" value="Hamma" type="email" 
       />
      <MaterialInput placeholder="First name" type="text" />
      <MaterialInput placeholder="Last name" type="text" />
      <MaterialInput placeholder="Password" type="password" />
    </Form>
    {this.renderActionButton}
  </View>

您只需在React.cloneElement中设置一个ref键
render() {
    const wrappedChildrens = [];

    React.Children.map(this.props.children, (Child, index) => {
      if (!Child) {
        return;
      }

      wrappedChildrens.push(
        React.cloneElement(Child, {
          key: `child.type_${index}`
        })
      );
    });

    return wrappedChildrens;
  }