componentDidMount()获取本地数据

时间:2019-03-23 14:41:07

标签: json reactjs

我正在尝试使用存储在项目目录中的JSON文件测试React组件。

我不确定我是否要按照正确的方式进行操作:

    constructor(props){
    super(props);
    this.state = {
      videoPath: video,
      data: null
    }
  }

  componentDidMount(){
    fetch('../../data/jsonfile.json')
      .then(response => response.json())
      .then(data => this.setState({data}));

  }

我收到一条错误消息: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

JSON文件开始:

{
    "0":{
        "coords":[
            [
                645.0,
                353.0,
                0.9010798558592796,
                0.0,
                0.0
            ],

因此,根本不应该有<。但是,当我检查Chrome中的源代码时,jsonfile.json看起来就像一个HTML文件。我正在使用create-react-app

0 个答案:

没有答案