Wie man Props an {this.props.children}

Einleitung

in React. Eigenschaften zu ihnen.

Kinder mit neuen Requisiten klonen

Ein Ansatz besteht darin, React.Children zu verwenden, um über die Kinder zu iterieren und jedes Element mit den neuen Requisiten mit React.cloneelement zu klonen. However, this method is not recommended due to potential code fragility.

console.log(`Hello from ${childName} the child`);

}

const children withprops (React.Isvalidelement (Kind)) { return react.cloneElement (Kind, {Sayhello}); } return child;

if (React.isValidElement(child)) {
  return React.cloneElement(child, { sayHello });
}
return child;

return

function App() {

return (

reactdom.render (, document.getElementById ("Container"));

Alternativen für die Klonen von Kindern. Alternativen:

heben State

• rendern props : Definieren Sie eine Render -Prop in der Wrapper -Komponente und geben Sie sie an die untergeordnete Komponente als eine Funktion weiter, die Requisiten als Eingabe nimmt.