React Transfert de refs entre composants

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)