Javascript 胜利-数据可视化

我试图用胜利为我的反应项目，但它不工作的原因

我使用的代码是：

class App extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      data: this.getData()
    };
  }

  componentDidMount() {
    this.setStateInterval = window.setInterval(() => {
      this.setState({
        data: this.getData()
      });
    }, 3000);
  }

  componentWillUnmount() {
    window.clearInterval(this.setStateInterval);
  }

  getData() {
    const bars = random(6, 10);
    return range(bars).map((bar) => {
      return {x: bar + 1, y: random(2, 10)};
    });
  }

  render() {
    return (
      <VictoryChart
        domainPadding={{ x: 20 }}
        animate={{duration: 500}}
      >
        <VictoryBar
          data={this.state.data}
          style={{
            data: { fill: "tomato", width: 12 }
          }}
          animate={{
            onExit: {
              duration: 500,
              before: () => ({
                _y: 0,
                fill: "orange",
                label: "BYE"
              })
            }
          }}
        />
      </VictoryChart>
    );
  }
}

ReactDOM.render(<App/>, mountNode)

---

我不知道导入什么，因为我刚刚添加了Victory组件

这里有一个替代函数，它不是有效的javascript。你从哪儿弄来的

 const getData = () => {
   let arr = [];
  for (let i = 0; i < 15; i++) {
   arr.push({ x: x[i], y: y[Math.random(2, 10)] });
  }
  return arr;
 };

const getData=（）=>{
设arr=[]；
for（设i=0；i<15；i++）{
arr.push（{x:x[i]，y:y[Math.random（2，10）]}）；
}
返回arr；
};

这里有一个与您使用的函数不同的函数，它不是有效的javascript。你从哪儿弄来的

 const getData = () => {
   let arr = [];
  for (let i = 0; i < 15; i++) {
   arr.push({ x: x[i], y: y[Math.random(2, 10)] });
  }
  return arr;
 };

const getData=（）=>{
设arr=[]；
for（设i=0；i<15；i++）{
arr.push（{x:x[i]，y:y[Math.random（2，10）]}）；
}
返回arr；
};

这些缺失的函数似乎用于创建随机数据，如果要创建包含特定数据的图表，您将不需要它们。这些缺失的函数似乎用于创建随机数据，如果要创建包含特定数据的图表，您将不需要它们。有完全相同的错误，它在文档中。。用代码替换它会出现另一个错误：第66:31行：未定义“x”未定义未定义第66:40行：未定义“y”未定义有完全相同的错误，它在文档中。。用代码替换它会产生另一个错误：第66:31行：“x”未定义，没有定义第66:40行：“y”未定义为no undf