读取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() 方法接受一个响应流并读取它完成。它返回一个承诺，该承诺将正文文本解析为 JSON 的结果进行解析。

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