javascript - 在 react-native 中更新对象的状态 - 我没有使用 redux

Question

我有一个像这样的构造函数

constructor() {
    this.state = {
                    item_details : {}
                 }
}   

someFunc(next_item_key,next_item_value) {
        //append this next_item_key , next_item_value pair to item_detials
   }

我需要将 someFunc 中的这个 next_item 添加到我的状态变量 item_details..

例子: 我的 item_details 看起来像这样

   item_details : {'abc' : 'xyz' , 'a12' : '123' }

我的下一个项目会是这样的

  next_item_key = 'qwerty'
  next_item_value = 'pqrs'

我的结果 item_details 应该是这样的

 item_details : {'abc' : 'xyz' , 'a12' : '123' , 'qwerty' : 'pqrs' }

我应该在 someFunc 中写什么才能得到这个结果

Answer 1

您可以使用扩展运算符来保持您之前的状态:

this.setState(prevState => ({ item_details:
    {
        ...prevState.item_details,
        [next_item_key]: next_item_value
    }
}));