如何使用react比较来自url和id的查询值？

import { useLocation } from 'react-router-dom';

function MyComponent() {
  const location = useLocation();
  const searchParams = new URLSearchParams(location.search);
  const id = searchParams.get('id');

  // 其他逻辑...

  return (
    // 组件的JSX代码
  );
}

if (id === '123') {
  // 当ID值等于'123'时的逻辑
} else {
  // 当ID值不等于'123'时的逻辑
}

return (
  <div>
    {id === '123' ? <h1>Welcome User 123!</h1> : <h1>Welcome Guest!</h1>}
    {id === '123' && <button onClick={handleDelete}>Delete User</button>}
  </div>
);