Question

React如何从后端获取数据并渲染到前端

Answer 1

React.js 自己的定位是“A JavaScript Library for building user interface”，它的文档称许多人将它用作 MVC 的 V。因此，React.js 不关心你是如何嵌入后端数据的。换句话说，我们怎么使用一个标准的 HTML 元素和后端打交道，就可以把同样的思路运用在 React.js 创造的组件上。

比如，一个 input，可以：

<input id="name" name="name" value="<?=$name?>">
的方式从 PHP 得到变量 $name。

一个 React.js 组件也可以形如：

ReactDOM.render(React.createElement(HelloMessage, { name: "<?=$name?>" }), mountNode);
用标准元素你可以用 AJAX 得到一个值然后（比如用 jQuery 去）操作：

$.ajax(...)
.done(function(data){
$('#name').val(data.name);
});
用 React.js 时，同样可以在 AJAX 返回时使用你自己定义的方法去更新组件。

关于维护 JSON 信息麻烦的事情，怎么会呢？在 PHP 中 echo $var; 和 echo json_encode($var); 的麻烦程度是一个量级的。

Answer 2

可以使用这个插件 fetch-initial-data 网页链接