Javascript 防止在this.setState中使用this.state（setState中的反应/无访问状态）

对于这段代码，

！this.state.dark

我收到一个ESlint（airbnb配置）错误：

我尝试使用下面的方法重构代码。但我很难弄明白。对我如何解决这个问题有什么建议吗

toggleDark = () => {
  const dark = !this.state.dark
  localStorage.setItem('dark', JSON.stringify(dark))
  this.setState({ dark })
}

---

感谢@jornsharpe为我提供了适当的文档

事实证明，状态更新可能是异步的。React可以将多个setState（）调用批处理到一个更新中以提高性能。在我的代码中，我只有一个被更新的值。但是，使用接受函数而不是对象的第二种形式的setState仍然是一个好主意

toggleDark = () => {
  const dark = !this.state.dark
  localStorage.setItem('dark', JSON.stringify(dark))

  this.setState(({ dark }) => ({ dark: !dark }))
}

---

this.setState（（{dark}）=>（{dark:！dark}））

；请参阅此部分以修复ESlint错误。谢谢我建议您在

setState

内调用

setItem

，这是一种有趣的方法。你会怎么做？类似这样的东西

this.setState（（{dark，setIteam}）=>（{dark:！dark}））

？

this.setState（{dark}）=>{localStorage.setItem（'dark'，JSON.stringify（！dark））；返回{dark:！dark}；}）
toggleDark = () => {
  const dark = !this.state.dark
  localStorage.setItem('dark', JSON.stringify(dark))

  this.setState(({ dark }) => ({ dark: !dark }))
}