import logo from './logo.svg'; import './App.css'; const Saludo = ({nombre,apellidos="",edad=0}) => { console.log(nombre,apellidos,edad) return <h1>Hola {nombre+" "+apellidos}, qué tal?</h1>; } const gestionarClick = (evt) => { console.log("clickado",evt); } const Despedida = () => { let tipo = "compañero" return ( <> <h2 onClick={gestionarClick} className='destacado'>Adios {tipo.toUpperCase()}</h2> <p >Nos vemos otro día</p> <br /> <img onClick={gestionarClick} className='App-logo' src={logo} /> </> ); } function App() { return ( <div className="App"> <Saludo nombre="Juan" apellidos="Pérez" edad="30" /> <Despedida /> <Saludo nombre="Ana" /> </div> ); } export default App;