Javascript 使用React JSON的未处理拒绝问题

在我正在构建React 16的表单中，我使用了一位导师来获取一些想法，对于我的

组件didmount

mock，下面的代码抛出了一个我不理解或不知道如何解决的错误。我仍然可以运行该应用程序，但很好奇为什么会发生这种情况，以及如何解决

守则：

componentDidMount() {
    fetch('./fake_db.json')
        .then(res => res.json())
        .then(data => {
            this.setState({
                mbArea: data.mbArea,
                learningObjs: data.learningObjs,
                mbPhases: data.mbPhases,
                attendCount: data.attendCount,
                trainDate: data.trainDate,
                trainCoord: data.trainCoord,
                trainFormat: data.trainFormat,
                mbStat: data.mbStat,
                stakeHolders: data.stakeHolders,
                custType: data.custType,
                custDay: data.custDay,
                mbPartner: data.mbPartner,
                mbOther: data.mbOther
            });
        });
    }

错误是：

请思考和输入

---

非常感谢。

您的.JSON文件包含一个“错误”，该错误告诉您正在接收非JSON的内容。HTML通常以

开始，检查开发人员控制台上的网络选项卡。您没有从serverTry控制台获取json，请记录传入的每个数据，以确保数据能够正确转换错误非常明显，它需要特定字符，但读取数据不正确，因此您必须回溯并观察数据差异，并查看错误所在，我们无法访问您的后端。请检查json文件的格式。传递给它的数据很可能与json格式不匹配
{
    "key":"value"
}