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;
}