在react中，我只想选择一个用户，我的代码是选择每个用户

import React, { useState } from 'react';

const UserList = ({ users }) => {
  const [selectedUser, setSelectedUser] = useState(null);

  const handleUserSelect = (user) => {
    setSelectedUser(user);
  };

  return (
    <div>
      <h2>Select a User</h2>
      <ul>
        {users.map((user) => (
          <li key={user.id}>
            <button onClick={() => handleUserSelect(user)}>
              {selectedUser && selectedUser.id === user.id ? 'Selected' : 'Select'} {user.name}
            </button>
          </li>
        ))}
      </ul>
      {selectedUser && (
        <div>
          <h3>Selected User:</h3>
          <p>Name: {selectedUser.name}</p>
          <p>Email: {selectedUser.email}</p>
        </div>
      )}
    </div>
  );
};

export default UserList;