Tengo un estado que se ve así:
state: { 1: {show: false, description: 'one'}, 2: {show: false, description: 'two'}, 3: {show: true, description: 'three'} }Dependiendo de una variable "id" que proviene de la acción, tengo que actualizar el estado.
Algo como esto:
var returnedState = {...state, [id].show : ![id].show}¿Cómo puedo hacer esto?
{...state, [id]: { show: !state[id].show } }eso copiará el estado original y luego cambiará el valor de mostrar para la clave/id específica que vino de la acción.
Aquí hay un lápiz de código que funciona http://codepen.io/finalfreq/pen/mRBjZV
La respuesta anterior fue correcta, pero solo deja la propiedad show en el subobjeto, eliminando los demás. Para mantener todas las propiedades y cambiar la propiedad que desea, debe usar:
{...state, [id] : {...state[id], show: !state[id].show}} Tiene que agregar ...state[id]
this.setState(prevState => ({ ...state, state[id]: !prevState[id].show }))Aquí debe tomar el último estado como prevState y luego actualizar el objeto con la clave proporcionada con el valor opuesto del objeto del estado anterior.