如何将数据传递给props.children？[副本]

Question

很新的反应。。。

我试图循环我的this.props.children，以便向他们传递一个在我的父项中定义的字符串。。。在没有在render方法中定义这些子对象的情况下，这是可能的吗？

<OwnRenderer passMe = "string...">
    <OwnText/>
</OwnRenderer>

OwnRenderer应该将道具字符串传递给它的所有子级。。。OwnRenderer不知道要渲染哪个孩子，因此无法通过“”直接传递道具。。。

我试着绕过孩子们直接传递那根绳子，但不幸的是，这不起作用。

this.props.children.map((x) => x.passed = this.props.passMe);

不知怎的，它只是没有改变状态。。。你们如何以一种简单易懂的方式做到这一点？

Answer 1

使用React顶级api:React.cloneElement

定义一下

interface Props {
  ChildName: React.ReactElement,
}

{React.cloneElement(ChildName, {
  propsName: {
    propsAttr: value,
    propsAttr2: value,
  }
})}

用法

<ParentComponent
  ChildName={
    <YourChildComponent />
  }
/>