Para añadir un evento a un componente en React usamos la sintaxis on
y el nombre del evento nativo del navegador en camelCase:
function Button({ text, onClick }) {
return (
<button onClick={onClick}>
{text}
</button>
)
}
En este caso, el componente Button
recibe una prop onClick
que es una función. Cuando el usuario hace clic en el botón, se ejecuta la función onClick
.