Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 我想在React中存储数据_Reactjs_Database - Fatal编程技术网

Reactjs 我想在React中存储数据

Reactjs 我想在React中存储数据,reactjs,database,Reactjs,Database,我想在React中存储数据,这样即使页面刷新,数据也会显示我有一些输入,并且我已经使用useState将它们的值保存在状态中,但现在我想即使页面刷新,数据也会显示。解决此问题的一种方法是使用浏览器的本地存储来存储数据,并在组件启动时获取数据在组件内部重新加载 这是如何在localstorage中存储数据 handleFormSubmit = () => { const { user, rememberMe } = this.state; localStorage.setItem('

我想在React中存储数据,这样即使页面刷新,数据也会显示我有一些输入,并且我已经使用useState将它们的值保存在状态中,但现在我想即使页面刷新,数据也会显示。解决此问题的一种方法是使用浏览器的本地存储来存储数据,并在组件启动时获取数据在组件内部重新加载

这是如何在localstorage中存储数据

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 });
}
有关更多详细信息,请参阅