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

314
Vistas
React y Redux: crea una variable para usar en el proyecto

Estoy tratando de crear, en un proyecto, un controlador cuando el usuario inició sesión.

Básicamente, guardaría algunos valores, no en la base de datos, sino en algunas variables que puedo usar en el proyecto.

En mi idea, estas son las acciones que el usuario debe hacer:

  1. La primera vez que el usuario inició sesión, el usuario será redirigido a un formulario que debe elegir algunos valores para dos variables (y quiero guardar estos valores, que se usarán para prepoluar algún campo en el proyecto) - POST -

  2. El usuario puede cambiar estos valores - PUT -

  3. Recuperar los datos que se guardan - GET -

Así que estoy tratando de crear una página reductora, para administrar estas 3 "acciones" que podría hacer.

Es la primera vez que crea un reducers/actions de este tipo, así que:

 import { REQUEST, SUCCESS, FAILURE } from 'app/shared/reducers/action-type.util'; export const ACTION_TYPES = { FETCH_DATA : 'FETCH_DATA', CREATE_DATA : 'CREATE_DATA', UPDATE_DATA : 'UPDATE_DATA' }; export interface PersonInfo { info: { role?: string | number, environment ?: string | number } } const initialState: PersonInfo = { info: { role: '', environment : '' } } // reducers export default (state: PersonInfo=initialState, action): PersonInfo => { switch( action.type ){ case REQUEST(ACTION_TYPES.FETCH_DATA): console.log("FETCH DATA ", state) return { ...state }; case REQUEST(ACTION_TYPES.CREATE_DATA): case REQUEST(ACTION_TYPES.UPDATE_DATA): case FAILURE(ACTION_TYPES.FETCH_DATA): case FAILURE(ACTION_TYPES.CREATE_DATA): case FAILURE(ACTION_TYPES.UPDATE_DATA): case SUCCESS(ACTION_TYPES.FETCH_DATA): return { ...state }; case SUCCESS(ACTION_TYPES.CREATE_DATA): case SUCCESS(ACTION_TYPES.UPDATE_DATA): return { ...state }; default: return state; } } // now I need to create the actions, and there I have some problems.. // 3. This should be the action to fetch data and to see if the values are populated export const getData = info => { return { type: ACTION_TYPES.FETCH_DATA, payload: info } } // 1. This should be the action to post data in the variables: (but I don't think it does anything useful .. I should connect my initialState to this function i believe) export const createData = entity => { const userInfo = { role: entity.role, environment: entity.environment } const result = ({ type: ACTION_TYPES.CREATE_DATA, payload: userInfo }); console.log("result ", result) return result; };

Entonces mi pregunta es, ¿cómo puedo arreglar estas acciones/reductores para que funcionen?

Gracias

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

0

Debe tratar estas opciones como manejar el estado en un solo componente, pero con la mentalidad de que es para su estado global (por lo tanto, Redux). Si su árbol no se ramifica donde el componente A no tiene forma de comunicarse con el componente B Y necesita acceder a este estado en cualquier caso, Y no está cambiando este estado constantemente, recomendaría usar useContext en lugar de Redux. Este es un concepto fundamental dentro de React, y el estado no es "RESTful". Lo está inicializando, configurando o leyendo.

Tómese 13 minutos y mire este video en useContext

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