11286 sujets

JavaScript, DOM et API Web HTML5

Bonjour tout le monde!

Voilà, en gros j'ai une single page application, certains composants ont un background sombre et un autre en a un blanc.

J'aimerais que ma navbar change de couleur en fonction de ce background donc.
Je me suis dit que j'allais gérer tout ça avec useRef() mais je n'arrive pas à transmettre la ref entre ces composants.

J'ai regardé la doc qui parle de transfert de refs, mais c'est un peu flou pour moi...

En gros ça se présente comme ça pour mon composant principal:


const App = () => {
  const [clicked, setClicked] = useState(false);

  return (
    <div className="app">
      <header>
        <Hero />
        <Nav clicked={clicked} setClicked={setClicked} />
      </header>
      <main>
        <Services />
        <Contact />
      </main>
    </div>
  );
};


J'ai besoin que la ref de
Services
aille jusqu'à
Nav
.

Merci d'avance, et désolé si ce n'est pas très clair...
Modifié par Stoneteckel (28 May 2021 - 15:01)