reactjs - 在react组件中加载并显示json数据

Question

我正在尝试从 React 组件中的 json 文件加载数据。我正在我的 app.js 中尝试这个解决方案。

https://stackoverflow.com/a/33141549/1937021

var data = require('json!../json/acordes.json');

终端中的“无法解析模块 JSON 错误”。

我在 app.js 文件中执行此操作。我的文件夹结构如下:

/src
  /js
    app.js
  /css
  /json
    acordes.json

我的其余代码如下所示:

https://gist.github.com/dabit3/651f2dae058ff99810eb771c2817d622

Answer 1

我可能弄错了，但是为了能够以这种方式请求 json，您必须使用 webpack 和 json-loader 。

假设您使用 webpack。安装 json-loader:

npm install --save json-loader

并添加到 webpack 加载器:

//.. 
loaders: [
  {test: /\.json$/, loader: "json", include: "path/to/your/sources"}
]