Bonjour, et bonne année à tous ! Je poste ici je pense que c'est le bon endroit.

Je dois créer une petite application avec React pour ma formation histoire de faire connaissance, je crée un site du genre "AlloCiné" et je me pose une question.

J'aimerais quand je clique sur le bouton "information" qu'une div s'ouvre et affiche les informations du film comme ceci juste en dessous du bouton :

Le soucis c'est que je ne maîtrise pas encore, j'ai bien mon code dans un link :

function App() {
  return (
    <HashRouter>
    <div className="App">
    <Link to='/avatar' className="liens">Avatar</Link>
    <Switch>
    <Route path='/avatar' component={avatar}/>
       </Switch>
    </div>
    </HashRouter>
  );

Ma question : pourrai-je exporter le fichier avatar.jsx dans mon fichier HTML histoire que, quand je clique sur information, les infos s'affichent en dessous ? Je sais pas si c'est clair pour vous ?

Cordialement