can't use in react

Tell us about your environment win10

• Browser and Browser Version: chrome 73.0.3683.86
• After Effects Version:

What did you do? Please explain the steps you took before you encountered the problem.

1. yarn add lottie-web

import React, { Component } from 'react';
import { connect } from 'dva';
import Lottie from 'lottie-web';

class Home extends Component {
  constructor(props) {
    super(props)
    this.state = {

    }
  }
  componentDidMount(){
    Lottie.loadAnimation({
      container: document.getElementById('svgcontainer'),
      renderer: 'svg',
      loop: true,
      autoplay: true,
      path: './svgjson/data.json',
    })
  }
  render() {

    return (
      <div >
        <div  id='svgcontainer'></div>
      </div>
    )
  }
}
export default Home;

What did you expect to happen? show animation in home page What actually happened? Please include as much relevant detail as possible.

Please provide a download link to the After Effects file that demonstrates the problem. link: https://pan.baidu.com/s/1P8yxcrqmSc1rQ-N_i8VW7g code: rgfy

[weiesky]

You are Chinese, I answer in Chinese：

1. 百度网盘对我们真的不太友好… pc端竟然强制我安装客户端…
2. 你的这个问题跟加载过程对json使用的协议有关系，你的服务器没有对json的类型设置返回“Content-Type: application/json;”，我建议你把这类的文件上传到cdn上，我给你一个cdn地址你试试： https://gw.alipayobjects.com/os/finxbff/2bdd4e9f-99e6-45e7-9b78-80ffe5b2c360/data.json 我顺便把你的文件合并成一个，并对体积做了优化：

[sergej-s]

@weiesky Not only Chinese wants to read the answer.