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

145
Vistas
Usando la variable useState fuera de la función en reactJs

tengo una función, en la que estoy usando un enlace useState en una variable llamada active . Esta variable toma un valor de cadena, y al hacer clic toma el valor de la categoría en la que se hace clic. Mi objetivo es usar este valor de categoría fuera de la función para realizar operaciones en esa categoría en particular.

¿Hay alguna manera en la que pueda exportar el valor que tiene esta variable useState active , fuera de esta función en cualquier parte del proyecto?

la estructura de mi código es la siguiente:

 export const funct = () => { // useState variable that will take the value of category that it gets clicked on/ const [active, setActive] = useState(''); return ( <div className='abc'> { content.map((info) => // Card is the category card which has a string value associated with, ie (info.name) <Card key={info.name} cardInfo={info} state={active} onClick={() => setActiveState(info.name)} />) } </div> ) }

Cualquier ayuda sería apreciada. gracias

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Dependiendo de lo que quiera decir con "fuera" de la función, generalmente hay 4 soluciones.

  1. coloque el estado más arriba en el alcance de su aplicación y pase el getter/setter al componente.
  2. use React Context, envuelva todos los componentes que necesitan el estado compartido
  3. use una biblioteca de terceros como redux o zustand
  4. despliegue su propia solución de "estado fuera de reaccionar". es decir, solo coloque una variable en el ámbito global si no está demasiado preocupado por la concurrencia, o use algo como react-hooks-global-state o consejos de este artículo o similar.
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