react 导入json文件

在 React 中导入 JSON 文件，可以使用 ES6 的 import 语法。

首先，需要创建一个 JSON 文件，并将其存储在项目中的某个位置，例如「src」目录中。

然后，在 React 组件中，可以使用以下语法导入 JSON 文件：

import data from './data.json';
导入的 JSON 数据将存储在「data」变量中，可以在组件的其他部分使用它。
请注意，如果 JSON 文件很大，可能需要使用异步加载方法，以避免阻塞页面加载。
例如，可以使用「fetch」函数来异步加载 JSON 数据：
async componentDidMount() {
  const response = await fetch('./data.json');
  const data = await response.json();
  this.setState({ data });
这样，在组件加载完成后，JSON 数据将被异步加载并存储在组件的状态中。