javascript - 无法访问 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 对象数组。
推荐阅读
- java - 将对象投射到 ? 类型作为 List 的参数
- python - pytest-bdd 是否支持标记示例并通过 pytest -k tag_name 使用标记调用测试
- angular - 错误:fakeAsync() 测试助手需要 zone-testing.js,但找不到。使用 serenityJS+Jasmine 在 Angular webapp 上运行测试时
- c# - Azure IoT 中心版本 1.37 CreateFromConnectionString NotImplementedException
- git - 在大量 git 存储库中快速搜索代码
- android - 为 Android webview 启用键盘隐身模式
- android - BroadcastReceiver() 被调用但只有一次
- arrays - Pascal 数组中最新的 N 素数
- c# - 请帮助我使用“新”关键字
- typescript - 如何为不同类型的动物建模?