如何通过 react.js 发出服务器端数据请求

Question

我在 React.js 中的 App 组件当前访问存储在 js 变量中的硬编码数据。我想通过向应用程序的 python flask 服务器运行发出 GET 或 POST 请求来获取这条数据。

React.renderComponent( <App data={dataset}/>, document.getElementById( "App" ) );

假设可以通过 python 烧瓶上的 url /get_dataset.json 访问数据。怎么修改这里的代码？

Answer 1

假设您使用 jQuery 作为 ajax，您可以等到收到响应后再渲染组件：

$.get('/get_dataset.json', function(dataset) {
  React.renderComponent( <App data={dataset}/>, document.getElementById( "App" ) );
});

或者您可以在组件内部完成，如 here

How to make a server side data request via react.js