Pasar la información del padre al hijo
En bloque pasamos el texto al botón
import Cabecera from './Cabecera'; import Boton from './Boton'; function Bloque({ texto }) { // Paso la información del padre al hijo return <div> <Cabecera texto={texto} /> <Boton texto="Pincha aquí" bloque={texto}/> </div>; } export default Bloque;
function Boton({ texto,bloque }) { return <button onClick={()=>pinchar(bloque)}>{texto}</button>; } const pinchar=(texto)=>{ console.log("Has pinchado el botón "+texto) } export default Boton;