javascript - ReactJS 异步处理本地 JSON 数据

Question

我的本​​地工作区环境中有一个 data.json 文件。 该应用仅限客户端。

我不确定使用此类数据的最佳(建议)方式是否是通过:

import data from './data.json'
// and got to town on it...

或者，如果我应该通过 GET 请求(fetch、axios 等)将该数据带入我的 React 组件，并将其放置在 componentDidMount 中

async componentDidMount() {
    const data = 'http://localhost:3000/data.json'
    try {
      const res = await fetch(data)
      this.setState({res})

    }
    catch (error) {
      console.error(error)
    }
  }

• 解决此问题的正确方法和最佳实践是什么？
• CRUD 请求是否应该仅用于外部 https 端点，而不是像我的示例一样用于本地数据？
• 如果我在这里遗漏了任何内容，请随时建议第三种方法。

Answer 1

我建议使用第一种方法(从...导入数据)，原因如下:

1. 更少出错。更少的代码，更少的错误。
2. 消除了 CORS 和其他网络问题。
3. 没有硬编码的网址。一旦您不再使用本地主机(即已部署的环境)，这些就会中断。