如何在react钩子数组中获取其对象的值？

import React, { useState } from 'react';

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

  const getUserById = (id) => {
    const user = users.find(user => user.id === id);
    return user ? user.name : 'User not found';
  };

  return (
    <div>
      <h1>Users</h1>
      {users.map(user => (
        <div key={user.id}>
          <p>Name: {user.name}</p>
          <p>ID: {user.id}</p>
        </div>
      ))}
      <button onClick={() => console.log(getUserById(2))}>
        Get User by ID
      </button>
    </div>
  );
}

export default App;