reactLink传参

React Link是React Router库中的高级导航功能，它提供了一种状态管理的方式，使得当路由改变时，相关的组件可以自动更新其props，特别是那些通过`useLocation`、`useParams`、`useSearchParams`等hook获取到的路径参数。当你在`<Route>`组件上使用`reactLink`，通常需要这样做：

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

function MyComponent({ someProp }) {
  const navigate = useNavigate();

  // 当点击某个按钮时，跳转并传递参数
  function handleClick(event) {
    event.preventDefault();
    navigate('/some-path', { someParam: someProp });
  }

  return (
    <button onClick={handleClick}>
      Click to navigate with param
    </button>
  );
}

// 使用时，将MyComponent作为Route的组件，并传入需要动态更新的prop
<Route path="/some-path" element={<MyComponent someProp={dynamicValue} />} />

在这里，`dynamicValue`是一个可能会变化的值，当链接的路径匹配`/some-path`时，`MyComponent`会接收到这个新的`someProp`值。