¿Cómo puede pasar un puntero al componente 1 al componente 2 (para que pueda trabajar con el componente 1 dentro del componente 2, por ejemplo, obtener sus propiedades)?
<Component1 /> <Component2 target = {Component1} />En parte, este problema se puede resolver manejando eventos del componente 1, porque en este caso estará disponible un puntero (event.target), pero ¿qué pasa antes de que ocurra tal evento?
En lugar de pasar accesorios de lanzamiento, simplemente importe su componente 1 en el componente 2 si desea usar el contenido del componente 1 en el componente 2 y listo 😉
O si quiere usar el componente 2 como envoltorio, puede usar accesorios para niños
Por ejemplo:
function Component2(props) { return ( <div className={'component2'}> {props.children} </div> ); } export default Component2y utilízalo
import Component2 from './component2' import Component1 from './component1' function App() { return ( <Component2> <Component1/> </Component2> ); } export default App