Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

291
Vistas
ReactJs ¿Cómo vincular una página para abrir con una determinada condición?

Estoy trabajando en un sitio web y he creado una página de perfil en esta página de perfil hay botones (Configuración, Favoritos, Publicaciones) Lo hice como un formulario de varios pasos, cuando hace clic en uno de esos botones muestra uno de 3 páginas (cada botón tiene un método onClick que establece el número de página y una función if devuelve cada página de acuerdo con ese número) la primera página que se muestra cuando hace clic en el perfil es la Configuración y tengo un botón para favoritos en la barra de navegación y yo quiero vincularlo a la página de perfil de una manera que muestre la página de favoritos y no la configuración cuando hago clic en ella. Me disculpo si mi pregunta no es clara / comprensible. Todavía soy nuevo en el desarrollo web. Aquí está el código para la visualización de la página:

 const [page,setPage]=useState(0); const FormText=["Reglages","Mes Annonces","Favoris"] const PageDisplay =()=> { if (page === 0){ return <Reglages/>; } else if (page === 1){ return <Mesannces/>; } else if (page === 2){ return <Favoris />; }

este es el codigo de los botones:

 <Button onClick={()=>{setPage ((currentPage)=>currentPage=0);}} disabled={page===0}>Reglages</Button> <Button onClick={()=>{setPage ((currentPage)=>currentPage=1);}} disabled={page===1}>Mes Annonces()</Button> <Button onClick={()=>{setPage ((currentPage)=>currentPage=2);}} disabled={page===2}>Favoris</Button>
about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

const [page, setPage] = useState(0) //Where your will render, inside your div <div> {page === 0 ? < Reglages/> : page === 1 ? < Mesannces/> : page === 2 && < Favoris /> </div>

Botones

 <Button onClick={()=>setPage(0)} disabled={page===0}>Reglages</Button> <Button onClick={()=>setPage(1)} disabled={page===1}>Mesannces</Button> <Button onClick={()=>setPage(2)} disabled={page===2}>Favoris</Button>

espero que esto ayude

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda