javascript 如何使用react路由器加载器函数或钩子从JSON文件中获取数据？

hfwmuf9z 于 2023-09-29 发布在 Java

关注(0)|答案(1)|浏览(107)

我可以使用react router loader从给定的外部API中获取数据，但我不能直接使用react router loader从json文件中获取数据。我试了很多次，但都失败了。请帮帮我。
我首先将json文件导入为blogData。enter image description here
然后我试着把它用在loader函数中，但它不起作用。enter image description here
我得到了这个输出：enter image description here

JavaScript

来源：https://stackoverflow.com/questions/77192359/how-to-fetch-data-from-a-json-file-using-react-router-loader-function-or-hook

1条答案

按热度按时间

pkln4tw61#

如果JSON文件与代码捆绑在一起，并被导入，那么只需从加载器函数返回blogData。

import Blog from './components/Blog/Blog';
import blogData from './blogData.json';

...

{
  path: "/blogs",
  loader: () => blogData,
  element: <Blog />,
},

更好的是，由于您也不需要真正加载任何东西，路由组件应该/可以直接导入blogData。

...
import blogData from '../blogData.json';

const Blog = () => {
  ...

  // use blogData

  ...
};

import Blog from './components/Blog/Blog';

...

{
  path: "/blogs",
  element: <Blog />,
},

赞(0）回复(0）举报 2023-09-29

我来回答

javascript 如何使用react路由器加载器函数或钩子从JSON文件中获取数据？

1条答案

相关问题

热门标签

最新问答