Cómo pasar los accesorios a {this.props.children}

Introducción

en reacción Propiedades para ellos.

clonando niños con nuevos accesorios

un enfoque es usar react.children para iterar sobre los niños y clonar cada elemento con los nuevos accesorios usando react.cloneelement. Sin embargo, este método no se recomienda debido a la fragilidad del código potencial.

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

return

; }

function app () {

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

return (

[&]

);
}

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

Las alternativas a los niños, consideren las propiedades de los niños. alternativas:

state

: mueva las propiedades compartidas al estado del componente principal y paselos a través de props.

context API

: cree un objeto de contexto para compartir datos a través de los componentes, independientemente de su relación herarquical. Props

: Defina un accesorio de renderizado en el componente de envoltura y pasarlo al componente infantil como una función que toma accesorios como entrada.