レスポンスウェブアプリケーションでPythonによって生成されたデータを取得して表現する方法

Question

現在、私がすでに完成したいくつかのPythonスクリプトによって生成されたローカルデータを可視化するためのWebアプリケーションを構築するための小さなプロジェクトと、視覚化は反応で書かれている。私はちょっと私のWebアプリケーションで表現するためにデータを取得することができます混乱しています。私は、jQueryの代わりにfetch（）を使うことを提案しました。しかし、私がやったことはすべてローカルでホストされているだけなので、どうすればReactのPythonスクリプトにリクエストできますか？また、Pythonのfetch（）リクエストからparamsを取得する必要がありますか？ありがとうございました！

import React, { Component } from 'react'; 
 
import logo from './logo.svg'; 
 
import './App.css'; 
 
import RadarChart from './components/RadarChart'; 
 
import LineChart from './components/LineChart'; 
 

 
class App extends Component { 
 
    constructor() { 
 
    super(); 
 
    this.state = { 
 
     bioData: {}, 
 
     appData: {} 
 
    } 
 
    } 
 

 
    componentWillMount() { 
 
    this.getChartData(); 
 
    } 
 
    
 
    static lastSyncTime = "2017-06-28"; 
 
    getChartData() { 
 
    // TODO: AJAX calls/fetch() request here to retrieve data as well as pass a param: lastTimeSync to Python scripts 
 
    this.setState({ 
 
     
 
    }); 
 
    } 
 

 
    
 
    
 

 
    render() { 
 
    return (
 
     <div className="App"> 
 
     <div className="App-header"> 
 
      <img src={logo} className="App-logo" alt="logo" /> 
 
      <h2>Daily Report</h2> 
 
     </div> 
 
     <LineChart chartData={this.state.bioData} /> 
 
     <br/> 
 
     <button onClick = {this.handleRefreshLine}>Refresh</button> 
 
     <br/> 
 
     <RadarChart chartData={this.state.appData} /> 
 
     </div> 
 
    ); 
 
    } 
 
} 
 

 
export default App;

Answer 1

このような何かはあなたを助けるかもしれない：

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