如何在react本机的异步存储中保存阵列？

import React, { useState } from 'react';

function App() {
  const [array, setArray] = useState([]);

  // 在这里可以使用setArray函数来更新数组

  return (
    // JSX代码
  );
}

export default App;

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

function App() {
  const [array, setArray] = useState([]);

  useEffect(() => {
    // 从本地存储中获取数组
    const storedArray = localStorage.getItem('array');

    // 如果本地存储中存在数组，则将其转换为JavaScript对象并更新状态
    if (storedArray) {
      setArray(JSON.parse(storedArray));
    }
  }, []);

  useEffect(() => {
    // 当数组发生变化时，将其保存到本地存储中
    localStorage.setItem('array', JSON.stringify(array));
  }, [array]);

  // 在这里可以使用setArray函数来更新数组

  return (
    // JSX代码
  );
}

export default App;