reactjs - Facebook React.js::传递数据以进行客户端渲染

Question

我正在尝试使用 React.js 创建我的第一个 Web 应用程序。

我希望让 React 执行客户端渲染，但是渲染的页面是由服务器托管数据库上保存的数据控制的。

我应该如何将此数据传递给 React？

我是否必须使用数据的 json 表示形式预先填充服务器端的每个 html 页面？

或者 React 可以直接从客户端访问我的数据库(或使用 RESTful API 调用)吗？

更新:001

我能找到的所有示例都在 node.js 上安装了 REACT.js。我可以在 Apache Tomcat™、IBM Websphere Liberty Profile、Jetty 上使用 REACT.js 吗？

Answer 1

您提到的两种方法都可以工作，this blog post给出了服务器端渲染以及在渲染的 HTML 中嵌入 props 的示例。

编辑:

根据您的编辑，我想说 React 是一个 Javascript 框架，它自然应该部署在 javascript 服务器上，例如 Node 。如果您不想使用 Node，您当然可以编写仅客户端脚本，使用 AJAX 从 API 服务器请求数据。 Here is a great example from Facebook .

其中的一个片段:

componentDidMount: function() {
  $.get(this.props.source, function(result) {
    var lastGist = result[0];
    if (this.isMounted()) {
      this.setState({
        username: lastGist.owner.login,
        lastGistUrl: lastGist.html_url
      });
    }
  }.bind(this));
}

安装组件后，上面的代码将使用来自服务器的数据填充 state 对象。