服务器端数据获取

Question

我试图设置在服务器和客户端上呈现的基本组件。该组件使用JSON API中的数据填充。通过在componentDidMount中加载我的数据并在加载时调用this.setState，我在客户端工作了。

我遇到的问题是数据没有加载到服务器上。如何将初始数据放入我的组件的服务器呈现版本中？

https://github.com/rackt/react-router/blob/latest/docs/guides/advanced/ServerRendering.md对此非常含糊：

  

对于数据加载，您可以使用renderProps参数进行构建   您想要的任何约定 - 例如向您的添加静态加载方法   路由组件，或将数据加载功能放在   路线 - 它取决于你。

你有什么例子可以做到这一点吗？对于普遍应用来说，这似乎是一件非常基本的事情！

Answer 1

是的 - 我们有https://github.com/rackt/async-props提供了一个用于处理服务器和客户端之间异步数据的库，并提供了这样做的示例。如果您使用的是Flux框架，则需要进行适当的调整，但基本方法将非常相似。