React Router

useParams

<Route path="/user/:id" element={<User />} />

// 获取 id 参数
let {id} = useParams()

useSearchParams

/path?user=dr-kyle

const MyComponent = ()=>{
   const [searchParams, setSearchParams] = useSearchParams();
   let user = searchParams.get("user");
   const onChange=(event)=>{
     const {name, value} = event?.target;
     setSearchParams({[name]: value})       
   }
   return <input name="search" defaultValue={user ?? undefined} onChange={onChange} />
}