Quiero agregar la clase activa en un elemento en el componentOne Uno al hacer clic en el botón en el componentTwo . Estoy usando useState para eso, pero no sé cómo pasar el estado a otro componente. El componentTwo es el hijo del componentOne .
Quiero el componentOne de clase activo Uno siempre que no se vuelva a hacer clic en el botón, incluso cuando el navegador se carga nuevamente
simplemente cree un estado en el componente principal y páselo como accesorio
cosnt [active , setActive] =useState(false) <ParentComponent> <componentOne active={active} , setActive={setActive} /> <componentTwo active={active} , setActive={setActive} /> </ParentCompnent> Component One : const ComponentOne = ({active}) => { return( <div className={`${active && 'activeClass'}`}></div> ) } Component Two : const ComponentTwo = ({setActive}) => { return( <button onClick={()=> setActive(true)}> ) }