Reactjs Facebook React.js::为客户端渲染传递数据

Reactjs Facebook React.js::为客户端渲染传递数据,reactjs,Reactjs,我正在尝试使用React.js创建我的第一个web应用程序 我希望让React执行客户端渲染,但是渲染的页面由服务器托管数据库上的数据控制 我应该如何传递这些数据以作出反应 我是否必须用数据的json表示预先填充服务器端的每个html页面 或者可以直接从客户端(或使用RESTful API调用)访问我的数据库 更新:001 我能找到的所有示例都在node.js上安装了REACT.js。 我可以在Apache Tomcat上使用REACT.js吗™, IBM Websphere Liberty P

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

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

我应该如何传递这些数据以作出反应

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

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

更新:001

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

您提到的两种方法都可以工作,给出了一个服务器端呈现和在呈现的HTML中嵌入道具的示例

编辑:

为了响应您的编辑,我想说React是一个Javascript框架,它自然应该部署在Javascript服务器上,例如。如果您不想使用Node,那么可以肯定地编写仅限客户端的脚本,使用AJAX从API服务器请求数据

其中的一个片段:

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));
}

安装组件后,上面的代码用服务器的数据填充
状态
对象。

您可以将其嵌入页面或使用ajax调用,以更适合您的为准。Ben,第一次加载数据(不使用ajax调用)怎么样?我不确定如何使用JSX编译…是的,使用
标记将数据作为编码的JSON字符串直接嵌入html中。然后在React中,获取该标记的内容并将其转换回JavaScript对象。