Construyo el nombre del componente padre e hijo RightFrame , quiero mostrar un componente diferente. así que uso el estado para actualizar el componente secundario y pasarlo como props . pero quiero que el componente secundario también pueda actualizar el estado (ahora accesorios). pero sé que la regla tiene que declarar props como constantes, por lo que no se puede actualizar.

el componente principal se parece a:

 const [page, setpage] = useState(); return( <button onClick={() => setpage("main")} ... <RightFrame page={page}/> );

y RightFrame que tienen 3 subcomponentes y quiero que actualicen la page por sí mismos para cambiar la page (ya que EditClass y CreateClass son los componentes que tienen una acción que se puede cancelar, así que después de cancelar con el botón y volver a renderizar Class by <button onClick={page = "main"} )

 export default function RightFrame(props) { const { page } = props; return ( <> {page == "main" && <Class/>} {page == "edit" && <EditClass/>} {page == "new" && <CreateClass/>} </> )

y ese es el problema que quiero resolver, así que no sé si es posible declarar props como var on not.