javascript - 使用 setState 设置 react 页面的所有状态

Question

我有一个页面，我将在其中获取页面的整个状态并使用一些本地存储对其进行设置，因此我需要使用 SetState 但不像理智的人那样使用某些属性

理智的人

this.setState({ 
  stateProperty:someValue
})

我(我想达到的目标)

this.setState({
  this.state: {someValues}
})

Answer 1

不，你不知道。对不起，你不能。您已经接受了人们喜欢的理智的自己，但您为什么要尝试编写疯狂的代码？

最好为指定状态的localStorage数据维护:

state = {
  storeData: {} // or, [], or whatever your stored data type
}
componentDidMount() {
  const storeData = JSON.parse(localStorage.getItem('store-data'))
  this.setState({
     storeData
  })
}

有些人可能会建议您直接在构造函数中初始化 localStorage 数据。但我反对它，因为我不喜欢对组件造成一些副作用。

PS:实际上在构造函数中使用 localStorage 数据没有副作用。我刚刚建议使用 componentDidMount Hook ，因为您可能需要调用一些 api 来加载 localStorage 数据，那时您可能会产生一些副作用。要忽略这一点，请使用 componentDidMount Hook ，因为它是一个在后台运行的异步函数。