如何在React中显示数组中的特定对象onClick？

import React, { useState } from 'react';

const ObjectList = () => {
  const [objects, setObjects] = useState([
    { id: 1, name: 'Object 1', description: 'Description 1' },
    { id: 2, name: 'Object 2', description: 'Description 2' },
    { id: 3, name: 'Object 3', description: 'Description 3' }
  ]);
  const [selectedObject, setSelectedObject] = useState(null);

  const handleClick = (object) => {
    setSelectedObject(object);
  };

  return (
    <div>
      {objects.map((object) => (
        <div key={object.id} onClick={() => handleClick(object)}>
          <h3>{object.name}</h3>
          <p>{object.description}</p>
        </div>
      ))}
      {selectedObject && (
        <div>
          <h3>Selected Object</h3>
          <p>Name: {selectedObject.name}</p>
          <p>Description: {selectedObject.description}</p>
        </div>
      )}
    </div>
  );
};

export default ObjectList;