我想在 React 中存储数据

Question

我想在 React 中存储数据，因此即使页面刷新也会显示数据

Answer 1

解决此问题的一种方法是使用浏览器的本地存储来存储数据，并在组件在 componentDidMount 内重新渲染时获取它们。

这是在本地存储中存储数据的方法。

handleFormSubmit = () => {
  const { user, rememberMe } = this.state;
  localStorage.setItem('rememberMe', rememberMe);
  localStorage.setItem('user', rememberMe ? user : '');
};

这是检索它们的方法。

componentDidMount() {
  const rememberMe = localStorage.getItem('rememberMe') === 'true';
  const user = rememberMe ? localStorage.getItem('user') : '';
  this.setState({ user, rememberMe });
}

更多详情请参考https://programmingwithmosh.com/react/localstorage-react/。