(reactjs)如何设置promise或将当前状态设置到本地存储中

import React, { useState, useEffect } from 'react';

function App() {
  const [data, setData] = useState('');

  // 组件加载时，尝试从localStorage中恢复数据
  useEffect(() => {
    const storedData = localStorage.getItem('myData');
    if (storedData) {
      setData(JSON.parse(storedData));
    }
  }, []);

  // 处理输入变化，并更新本地存储
  const handleChange = (event) => {
    const newData = event.target.value;
    setData(newData);
    saveToLocalStorage(newData);
  };

  // 将数据保存到localStorage的函数
  const saveToLocalStorage = (value) => {
    return new Promise((resolve, reject) => {
      try {
        localStorage.setItem('myData', JSON.stringify(value));
        resolve();
      } catch (error) {
        reject(error);
      }
    });
  };

  return (
    <div>
      <input type="text" value={data} onChange={handleChange} />
    </div>
  );
}

export default App;