Estoy empezando a usar Props en React, pero no entiendo su uso. Empece con algo sencillo que es mostrar un mensaje por consola. En un componente esta el boton y en el otro componente el mensaje, pero no me llega nada.
Componente 1
//Recibo la funcion "tocar" por props que viene desde el segundo componente
export const PrimerComponente = ({tocar}) => {
return (
<>
<h2>Soy el primer Componente</h2>
<button onClick={tocar}>Enviar</button>
</>
)
}
Segundo Componente
const SegundoComponente = () => {
const tocar = () =>{
console.log("Me presionaste");
}
return (
<>
<h2>Soy el segundo Componente</h2>
<PrimerComponente
tocar={tocar}
/>
</>
)
}
export default SegundoComponente
Mi otra pregunta aprovechando el post. ¿Como se quien es el componente padre e hijo? Existe alguna convención para identificarlos o eso depende plenamente de quien pase componentes a quien?
¿Se pueden pasar parámetros o funciones de un componente a otro bidireccionalmente?, es decir que ambos se envíen parámetros uno al otro en tiempo de ejecución.
PrimerComponente
enSegundoComponente
, puede que por esa razón no "te llegue nada".