如何在react web app中获取和表示python生成的数据

如何在react web app中获取和表示python生成的数据,python,reactjs,web-applications,data-visualization,Python,Reactjs,Web Applications,Data Visualization,我目前正在进行一个小项目,以构建一个web应用程序来可视化我已经完成的一些Python脚本生成的一些本地数据,前端数据可视化是用react编写的。我有点困惑,我如何才能获取数据来表示我的web应用程序。我看到一些使用fetch()而不是jQuery的建议。但是我所做的一切都是本地托管的,因此如何在React中向Python脚本发出请求,以及如何从Python中的fetch()请求中检索参数?谢谢大家! import React,{Component}来自'React'; 从“/logo.svg

我目前正在进行一个小项目,以构建一个web应用程序来可视化我已经完成的一些Python脚本生成的一些本地数据,前端数据可视化是用react编写的。我有点困惑,我如何才能获取数据来表示我的web应用程序。我看到一些使用fetch()而不是jQuery的建议。但是我所做的一切都是本地托管的,因此如何在React中向Python脚本发出请求,以及如何从Python中的fetch()请求中检索参数?谢谢大家!

import React,{Component}来自'React';
从“/logo.svg”导入徽标;
导入“/App.css”;
从“./components/RadarChart”导入RadarChart;
从“./components/LineChart”导入线条图;
类应用程序扩展组件{
构造函数(){
超级();
此.state={
生物数据:{},
appData:{}
}
}
组件willmount(){
这是.getChartData();
}
静态lastSyncTime=“2017-06-28”;
getChartData(){
//TODO:AJAX在此处调用/fetch()请求以检索数据并将param:lastTimeSync传递给Python脚本
这是我的国家({
});
}
render(){
返回(
日报

刷新
); } }
导出默认应用程序类似的内容可能会帮助您:

getChartData() {
  $.getJSON("https://yourserver.com/your/python/api", { lastTimeSync: App.lastSyncTime }).then(results => {
    this.setState({ appData: results.appData, bioData: results.bioData })
  })
}

您需要从python后端公开一个api。您需要创建一个接受参数并返回数据的端点。如果使用fetch(或axios),您将使用后端的响应更新您的状态。“问题太宽泛,无法给出具体的代码示例。”ChaseDeAnda thx-man。我只是在寻找方向,而不是确切的代码。我试试你的建议!