如何在React中获取状态为数组的元素？

import React, { useState } from 'react';

function MyComponent() {
  const [myArray, setMyArray] = useState([]);

  // 其他组件逻辑...

  return (
    // JSX代码...
  );
}

import React, { useState } from 'react';

function MyComponent() {
  const [myArray, setMyArray] = useState([]);

  // 其他组件逻辑...

  return (
    <div>
      {myArray.map((item, index) => (
        <div key={index}>{item}</div>
      ))}
    </div>
  );
}

import React, { useState } from 'react';

function MyComponent() {
  const [myArray, setMyArray] = useState([]);

  const addItem = () => {
    const newItem = 'New Item';
    setMyArray([...myArray, newItem]);
  };

  // 其他组件逻辑...

  return (
    <div>
      {myArray.map((item, index) => (
        <div key={index}>{item}</div>
      ))}
      <button onClick={addItem}>Add Item</button>
    </div>
  );
}