如何更改作为道具传递给另一个组件的组件中的道具

Question

我有一个 Screens 组件被传递到一个 Modal 组件作为屏幕道具。在 Modal 内部，我正在渲染它...

{props.screens()}

这显示正常，但我需要一种方法来从 Modal 中更改 Screens 组件道具。

Answer 1

您可以使用 React.cloneElement，它允许您克隆一个元素并添加新的道具。

function myComponent(props) {

return <> {React.cloneElement(props.screens, {someNewProp:"value"}, children)} </>;

}