App.jsx

import { useCallback, useState } from "react";

const App = () => {
    const [pokemon, setPokemon] = useState('Salamèche');
    const changePokemon = useCallback((e) => {
      setPokemon(e.currentTarget.dataset.pokemon);
    }, []);
    return <>
        <nav>
          <button data-pokemon="Salameche" onClick={changePokemon}>🔥</button>
          <button data-pokemon="Carapuce" onClick={changePokemon}>💦</button>
          <button data-pokemon="Bulbizarre" onClick={changePokemon}>🍃</button>
        </nav>
        <h1>Je choisis {pokemon} !</h1>
    </>
}

export default App