如何使用useState钩子向对象数组中的对象添加属性

import React, { useState } from 'react';

const [data, setData] = useState([
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
]);

const addProperty = () => {
  setData(prevData => {
    return prevData.map(item => {
      return { ...item, age: 25 };
    });
  });
};

<button onClick={addProperty}>添加属性</button>

import React, { useState } from 'react';

const ExampleComponent = () => {
  const [data, setData] = useState([
    { id: 1, name: 'John' },
    { id: 2, name: 'Jane' },
  ]);

  const addProperty = () => {
    setData(prevData => {
      return prevData.map(item => {
        return { ...item, age: 25 };
      });
    });
  };

  return (
    <div>
      <button onClick={addProperty}>添加属性</button>
      <ul>
        {data.map(item => (
          <li key={item.id}>
            {item.name} - {item.age}
          </li>
        ))}
      </ul>
    </div>
  );
};

export default ExampleComponent;