为什么localStorage.setItem不在componentDidMount之外工作？

Question

我正在处理一个非常小的React应用程序，我需要一些帮助来理解以下代码的工作原理：

componentDidMount() {
 localStorage.setItem('lists', JSON.stringify(this.state.lists))
}

但是，如果我尝试将相同的功能放在我自己的组件上，以触发按下按钮的保存，它什么都不做：

saveData() {
 localStorage.setItem('lists', JSON.stringify(this.state.lists))
}

我使用了一个警告来测试saveData（）方法是否被正确调用并且它很好;那么为什么localStorage代码没有工作呢？

提前致谢。

Answer 1

使用箭头函数es6编写函数的新语法

saveData = () => {
 localStorage.setItem('lists', JSON.stringify(this.state.lists))
}