无法访问 React-VictoryJs 中的 API 数据

问题描述

由于某种原因，我无法访问 Victoryjs 图表中的 API 数据，API 工作正常，就好像我在图表之外输出数据一样，它显示了数据，但我无法让它在图表内工作。我的 API 将数据作为 JSON 对象内的 2 个数组输出。下面是我的代码，仅供参考，它不会抛出任何错误。

class Main extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
          data : [],dates: []
        };
    }
    componentDidMount() {
        axios
             .get("http://localhost:8000/api")
             .then(res => this.setState({data:res.data.chartdata,dates:res.data.labels}))
    }  
    render() {
      return (
        <div>
          <h1>Victory Tutorial</h1>
          <VictoryLine data={[{x:this.state.dates,y:this.state.data}]} />          
        </div>
      );
    }
}

export default Main;

解决方法

数据采用错误的 json 格式，我提供 2 个单独的 JSON 数组，我需要从 API 中获取一个 json 对象数组。