无法在React中获取数组状态值

import React, { useState } from 'react';

function App() {
  const [arrayState, setArrayState] = useState([]);

  // 添加元素到数组
  const addItem = () => {
    setArrayState(prevState => [...prevState, 'new item']);
  };

  // 获取数组中的特定元素
  const getItem = (index) => {
    return arrayState[index];
  };

  // 修改数组中的特定元素
  const updateItem = (index, newValue) => {
    setArrayState(prevState => {
      const newArray = [...prevState];
      newArray[index] = newValue;
      return newArray;
    });
  };

  return (
    <div>
      <button onClick={addItem}>添加元素</button>
      <p>数组状态值: {arrayState.join(', ')}</p>
    </div>
  );
}

export default App;