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

262
Vistas
Sintaxis del creador de acciones de Redux
function addTodoWithDispatch(text) { const action = { type: ADD_TODO, text } dispatch(action) }

http://redux.js.org/docs/basics/Actions.html#action-creators

Vi el código anterior de la documentación de redux. Lo que no entiendo es el text en la action . No parece un objeto JavaScript válido o una sintaxis de matriz. ¿Es una nueva sintaxis de ES6? Gracias.

over 4 years ago · Santiago Trujillo
3 Respuestas
Responde la pregunta

0

Es solo una nueva sintaxis ES6 , que simplifica la creación de propiedades en la sintaxis literal

En definitiva, si el nombre es el mismo que el inmueble, solo tienes que escribirlo una vez

Así que esto sería exactamente lo mismo :)

 function addTodoWithDispatch(text) { const action = { type: ADD_TODO, text: text } dispatch(action) }
over 4 years ago · Santiago Trujillo Denunciar

0

En el código anterior

 function addTodoWithDispatch(text) { const action = { type: ADD_TODO, text } dispatch(action) }

aquí text es un ejemplo de notación abreviada literal de objeto. ES6 le brinda un atajo para definir propiedades en un objeto cuyo valor es igual a otra variable con la misma clave.

Como se ha dicho, esto es solo una forma abreviada de escribir

 const action = { type: ADD_TODO, text: text } dispatch(action)

Echa un vistazo a este blog

over 4 years ago · Santiago Trujillo Denunciar

0

Si mira la página siguiente en el documento http://redux.js.org/docs/basics/Reducers.html

 function todoApp(state = initialState, action) { switch (action.type) { case SET_VISIBILITY_FILTER: return Object.assign({}, state, { visibilityFilter: action.filter }) case ADD_TODO: return Object.assign({}, state, { todos: [ ...state.todos, { text: action.text, completed: false } ] }) case TOGGLE_TODO: return Object.assign({}, state, { todos: state.todos.map((todo, index) => { if(index === action.index) { return Object.assign({}, todo, { completed: !todo.completed }) } return todo }) }) default: return state } }

Está esperando el texto del nombre de la propiedad. Como mencionó @Icepickle, es un formato válido, pero también puede cambiar al siguiente formato:

 function addTodoWithDispatch(text) { const action = { type: ADD_TODO, text:text } dispatch(action) }
over 4 years ago · Santiago Trujillo 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