读取react.js中的JSON文件

Question

我必须使用React.js读取JSON文件，该文件存储在Mac的本地驱动器中。我尝试使用fetch（）api，但我得到数据未定义。 这是我的代码。

fetch('http://localhost:300/107k.json')
    .then(req => console.log(req))
    .then(data => console.log(data))

我的数据未定义。 我怎样才能在react.js中读取JSON文件？

Answer 1

只需使用import代替

import react from 'react'

//... rest of imports

import MyJson from '../path/to/json/107k.json';

Answer 2

Body mixin的json（）方法接受一个Response流并将其读取完成。它返回一个promise，解析为将正文解析为JSON的结果。

fetch('http://localhost:300/107k.json')
  .then(res => res.json())
  .then(data => console.log(data))