在 react 组件中加载和显示 json 数据

Question

我正在尝试从反应组件中的 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"}
]