为了账号安全,请及时绑定邮箱和手机立即绑定

后台查询数据库得到的数据怎么用react.js显示

/ 猿问

后台查询数据库得到的数据怎么用react.js显示

繁花如伊 2019-03-12 15:09:55

后台查询数据库得到的数据怎么用react.js显示


查看完整描述

2 回答

?
守候你守候我

1、用户界面能做的最基础的事情就是呈现一些数据,React让显示数据变得简单,当数据变化时,用户界面会自动同步更新。
2、通过例子进行了解:

<!DOCTYPE html>
<html>
<head>
<script src="build/react.js"></script>
<script src="build/JSXTransformer.js"></script>
</head>
<body>
<divid="example"></div>
<script type="text/jsx">
var HelloWorld = React.createClass({
render: function() {
return (
<p>
Hello, <input type="text"placeholder="Your name here" />!
It is {this.props.date.toTimeString()}
</p>
);
}
});

setInterval(function() {
React.render(
<HelloWorld date={new Date()} />,
document.getElementById('example')
);
},500);
</script>
</body>
</html>



查看完整回答
反对 回复 2019-03-19
?
MMTTMM

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



查看完整回答
反对 回复 2019-03-19
  • 2 回答
  • 0 关注
  • 771 浏览
我要回答
慕课专栏
更多

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信