javascript - values - ¿Cómo configuro State para array anidado?

eliminar elemento array javascript w3schools

Question

Para un complemento que estoy usando, tengo que tener un estado que se vea así:

getInitialState() {
  return {
    invalid: true,
    access: {
      access_code: '''',
      zipcode: '''',
      password: '''',
      confirm: '''',
      hospital_id: '''',
    },
  }
},

¿Cómo establecería el estado de hospital_id sin establecer el resto del acceso?

Esto parece eliminar todo menos hospital_id:

this.setState({access: {hospital_id: 1}})

Answer 1

Mi forma preferida de hacer esto ahora es tan simple como:

let newAccess = this.state.access;
newAccess.hospital_id = 1;
setState({access: newAccess});

Ligeramente más simple que la respuesta aceptada actual.

EDIT (basado en la pregunta de @SILENT)

Parece que este es en realidad un método potencialmente peligroso. Lectura adicional aquí Reaccionar: Una charla (muy breve) sobre la inmutabilidad.

Parece que una mejor manera de hacer esto sería:

let newAccess = Object.assign({}, this.state.access, {hospital_id:1});
this.setState({access: newAccess});

Answer 2

Otra forma de hacerlo sería

const newAccess = {...this.state.access};
newAccess.hospital_id = 1;
setState({access: newAccess});

El uso del operador de propagación crea una clonación de this.state.access . this.state.access .

Answer 3

Puede usar Object.assign o la propuesta de propagación de objetos para crear copias de objetos con propiedades actualizadas.

this.setState({
  access: {
    ...this.state.access,
    hospital_id: 1,
  },
});

this.setState({
  access: Object.assign({}, this.state.access, {
    hospital_id: 1,
  }),
});

O para la versión más corta y la actualización atómica:

this.setState(({access}) => ({access: {
  ...access,
  hospital_id: 1,
}});

Y una opción más es el complemento de actualizaciones:

var update = require(''react-addons-update'');
this.setState({
  access: update(this.state.access, {
    hospital_id: {$set: 1},
  })
});

Yo usaría el primero.

Answer 4

let newAccess = Object.assign({}, this.state.access);
newAccess.hospital_id = 1;
this.setState({access: newAccess});