如何将用户输入附加到reactjs中的localStorage键上的单个数组中？

import React, { useState } from 'react';

const MyComponent = () => {
  const [inputValue, setInputValue] = useState('');
  
  const handleInputChange = (e) => {
    setInputValue(e.target.value);
  };
  
  const handleAddItem = () => {
    // 获取之前存储在localStorage中的数组
    const storedArray = JSON.parse(localStorage.getItem('myArray')) || [];
    
    // 将用户输入的值添加到数组中
    storedArray.push(inputValue);
    
    // 更新localStorage中的数组
    localStorage.setItem('myArray', JSON.stringify(storedArray));
    
    // 清空输入框
    setInputValue('');
  };
  
  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <button onClick={handleAddItem}>添加</button>
    </div>
  );
};

export default MyComponent;

import React from 'react';
import MyComponent from './MyComponent';

const App = () => {
  return (
    <div>
      <h1>将用户输入添加到localStorage中的数组</h1>
      <MyComponent />
    </div>
  );
};

export default App;