javascript - 如何设置状态以在 react 中键入记录

Question

嘿，当我这样尝试时遇到了麻烦，我想将 setState 键入记录中示例:

constructor(props){
    super(props);
    this.state = {
      data:{"firstName":"XXXXX",lastName:"YYYYY",Rank:1}
    }
}

我在初始状态下声明它，这里我只想更改特定的键，例如等级，为此我这样写:

this.Setstate({data.Rank:2})

它给出了一个错误任何人都给我建议如何解决它，非常感谢任何帮助

Answer 1

请查看此答案 https://stackoverflow.com/a/34384198/3563619

您必须将 this.state 扩展为 newState，在 newState 中进行更改，然后 setState(newState)

newState = Object.assign({}, this.state);    // clone this.state in a new object newState
newState.data.Rank = 2;                      // make changes to newState
this.setState(newState);                     // setState()

您可以对 newState 进行任意类型和任意数量的修改，然后使用 setState() 而不必怀疑您在做什么。