React:更新数组中的多个对象变量

import React, { useState } from 'react';

function UserList() {
  const [users, setUsers] = useState([
    { id: 1, name: 'Alice', age: 25 },
    { id: 2, name: 'Bob', age: 30 },
    { id: 3, name: 'Charlie', age: 35 }
  ]);

  const updateUsersAges = () => {
    // 创建一个新的用户数组副本
    const updatedUsers = users.map(user => {
      // 根据条件更新特定用户的年龄
      if (user.id === 1 || user.id === 3) {
        return { ...user, age: user.age + 1 };
      }
      return user;
    });

    // 设置新的用户数组状态
    setUsers(updatedUsers);
  };

  return (
    <div>
      <button onClick={updateUsersAges}>Update Ages</button>
      <ul>
        {users.map(user => (
          <li key={user.id}>{user.name} - {user.age}</li>
        ))}
      </ul>
    </div>
  );
}

export default UserList;

setUsers(prevUsers => prevUsers.map(user => {
  // 更新逻辑
}));