小编qva*_*azi的帖子

React router 6+:如何在路由加载器中强键入 params 选项?

有路由器

export const router = createBrowserRouter([
  {
    path: '/todos/:todoId',
    element: <Todo />,
    loader: todoLoader,
  }
]);
Run Code Online (Sandbox Code Playgroud)

有装载机

export const router = createBrowserRouter([
  {
    path: '/todos/:todoId',
    element: <Todo />,
    loader: todoLoader,
  }
]);
Run Code Online (Sandbox Code Playgroud)

如何根据路径输入参数?

等待路径中指定参数的高亮显示。

更新:感谢@DrewReese @LindaPaiste 提出了以下解决方案。

export const loader: LoaderFunction = async ({ params }) => {
  return await fetchData(params.todoId);
};
Run Code Online (Sandbox Code Playgroud)

typescript reactjs react-router-dom react-typescript

7
推荐指数
2
解决办法
5368
查看次数