Обновление вложенного массива объекта в setState - PullRequest
Новая
       1

Обновление вложенного массива объекта в setState

0 голосов
/ 23 октября 2019

У меня есть массив с несколькими массивами, который содержит несколько объектов, и я хочу обновить любые значения в объекте. Я могу обновить объект, но моя проблема заключается в том, что всякий раз, когда я обновляю какой-либо объект внутри массива, родительский массив становится объектом. Я не хочу менять массив на объект. Я делюсь своим кодом, выводом и ожидаемым выводом. 

this.setState({
        tempArray: {
            ...this.state.tempArray,
            [lineNo]: {
                ...this.state.tempArray[lineNo],
                [pointNo]: {
                  ...this.state.tempArray[lineNo][pointNo],
                  x:parseInt(x),
                  y:parseInt(y)
                }
            }
          }
      },
      ()=>{
        console.log('callback tempArray',this.state.tempArray);
      })

Если я изменю первый массив с x: 7 на x: 10 в данном массиве 

[[{x:7,y:20}],[{x:50,y:60}],[{x:30,y:40}]]

Мой вывод

[{x:10,y:20},[{x:50,y:60}],[{x:30,y:40}]]

Но мой ожидаемый результат - 

[[{x:10,y:20}],[{x:50,y:60}],[{x:30,y:40}]]

1 Ответ

0 голосов
/ 23 октября 2019

Вы устанавливаете [lineNo] для объекта. Попробуйте это так: 

tempArray: {
  ...this.state.tempArray,
  [lineNo]: [ // <--- [ instead of {
    ...this.state.tempArray[lineNo],
    [pointNo]: {
      ...this.state.tempArray[lineNo][pointNo],
      x:parseInt(x),
      y:parseInt(y)
    }
  ]// <--- ] instead of }
}
...