我们如何部分更新反应状态？

Question

我想知道在React / React-
Native中部分更新组件状态的最佳方法是什么。除了我可以使函数获取当前状态并创建新状态并合并新的{key：value}和先前状态的事实。例如：

{
      dataStream:[//having data here], 
      formData: {
         'first_name': 'Richard',
         'last_name' : 'Barbieri',
      } 
}

我想将last_name更新为另一个值。当我调用时
this.setState(formData:{{'last_name':newValue}})，它将formData词典重置为姓：new
Value。有办法有效地做到这一点吗？

Answer 1

我认为您可以尝试两种方法：

1. 点差运算符

如此

this.setState({
    formData: {
        ...this.state.formData, 
        "last_name" : newValue 
    } 
});

要么

1. 获取当前状态的first_name并重新应用它：

像这样

this.setState({ 
    formData: { 
        "first_name": this.state.formData.first_name, 
        "last_name" : newValue 
    } 
})

我不太确定第一个，但我认为第二个应该可以。