首页 > 解决方案 > 如何在 React 中查询本地 JSON 文件

问题描述

我正在尝试进行动态搜索,但我使用的是本地 JSON 文件。我找到了大量关于如何通过 API 进行查询的信息,但我似乎无法弄清楚如何为我的代码的查询部分输入 JSON 文件。以下是我遇到问题的部分。有没有办法像我在这里尝试添加文件(这是 api url 所在的位置),还是我必须做一些完全不同的事情?谢谢。

useEffect(() => {
  const fetchItems = async () => {
    setIsLoading(true)
    const result = await axios(
      `../../../static/movie-reviews.json?name=${query}`
    )

标签: reactjsaxiosuse-effect

解决方案


你不能这样查询。

你可以像这样过滤json

const data = require('../../../static/movie-reviews.json')

const filteredData = data.filter(dat => dat.name === query) 

推荐阅读