bugfix> reactjs > 投稿

状態があり、その中にネストされたオブジェクトがあります。一方の値を更新し、もう一方の値がオーバーライドされている場合、以前の値と新しい値を保持したい

これは私が試したものです:

デフォルトのフェーズ:

state = {
 custom: {
  data: null,
  categories: null
 },
 index: 0
}

更新フェーズ:

this.setState({ ...this.state.custom, custom: { data: data } });
this.setState({ ...this.state.custom, custom: { categories: categories } });
this.setState({ ...this.state.custom, index: index });

そのため、値は状態更新の最後の値でオーバーライドされています。

期待される出力:

state = {
 custom: {
  data: new updated value,
  categories: new updated value
 },
 index: new updated value
}