reactjs - 如何在 React 中查询本地 JSON 文件
问题描述
我正在尝试进行动态搜索,但我使用的是本地 JSON 文件。我找到了大量关于如何通过 API 进行查询的信息,但我似乎无法弄清楚如何为我的代码的查询部分输入 JSON 文件。以下是我遇到问题的部分。有没有办法像我在这里尝试添加文件(这是 api url 所在的位置),还是我必须做一些完全不同的事情?谢谢。
useEffect(() => {
const fetchItems = async () => {
setIsLoading(true)
const result = await axios(
`../../../static/movie-reviews.json?name=${query}`
)
解决方案
你不能这样查询。
你可以像这样过滤json
const data = require('../../../static/movie-reviews.json')
const filteredData = data.filter(dat => dat.name === query)
推荐阅读
- spring - SessionCreationPolicy.STATELESS 时显示 spring 安全认证对象
- flutter - 等效于 Riverpod 中的 ChangeNotifierProvider 小部件
- mysql - 字符串部分搜索
- gnuplot - Inkscape 裁剪使用 gnuplot 生成的 eps 文件
- nix - Nix:将其他派生的子目录添加到 PATH
- c - 是否存在可移植的 pthread_sleep() 函数?
- r - 如何执行模拟以在 R 中找到具有给定概率的 z 分数 (x)
- angular - 如何在 Angular/RxJS 中合并两个 observable?
- c# - 如何断言 IEnumerable
- python - Selenium,pythons 网页抓取