无法访问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对象的数组。

最新更新