react 访问后端_React如何从后端获取数据并渲染到前端

71 阅读 0 评论 47 点赞

我是靠谱客的博主勤奋大山，最近开发中收集的这篇文章主要介绍react 访问后端_React如何从后端获取数据并渲染到前端，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

比如，一个 input，可以：

的方式从 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); 的麻烦程度是一个量级的。