react将数组转换为对象的对象

const users = [
  { id: 1, name: 'Alice', age: 25 },
  { id: 2, name: 'Bob', age: 30 },
  { id: 3, name: 'Charlie', age: 35 }
];

const usersObj = users.reduce((acc, user) => {
  acc[user.id] = user;
  return acc;
}, {});

import React from 'react';

const users = [
  { id: 1, name: 'Alice', age: 25 },
  { id: 2, name: 'Bob', age: 30 },
  { id: 3, name: 'Charlie', age: 35 }
];

const UserList = () => {
  const usersObj = users.reduce((acc, user) => {
    acc[user.id] = user;
    return acc;
  }, {});

  return (
    <div>
      {Object.values(usersObj).map(user => (
        <div key={user.id}>
          <h2>{user.name}</h2>
          <p>{user.age} years old</p>
        </div>
      ))}
    </div>
  );
};

export default UserList;

const usersObj = users.reduce((acc, user) => {
  if (user.id) {
    acc[user.id] = user;
  }
  return acc;
}, {});

{Object.values(usersObj).map(user => (
  <div key={user.id}>
    <h2>{user.name || 'Unknown'}</h2>
    <p>{user.age ? `${user.age} years old` : 'Unknown age'}</p>
  </div>
))}