React动态更新数组并将其传递给子组件

import React, { useState } from 'react';

const ParentComponent = () => {
  const [array, setArray] = useState([]);

  const updateArray = () => {
    // 使用不可变的方式更新数组
    const updatedArray = [...array, 'new item'];
    setArray(updatedArray);
  };

  return (
    <div>
      <button onClick={updateArray}>更新数组</button>
      <ChildComponent array={array} />
    </div>
  );
};

const ChildComponent = ({ array }) => {
  return (
    <div>
      {array.map((item, index) => (
        <p key={index}>{item}</p>
      ))}
    </div>
  );
};

export default ParentComponent;