加载中…#React# 207服务端渲染
(2018-01-03 10:31:49)| 分类： 计算机相关 |
1.服务端组件实现方法
服务端渲染可以提升站点的性能，在javascript加载的同时，就可以实现浏览器的页面渲染。React 的虚拟DOM
是其可以被服务端渲染的关键，首先，每个React组件都在虚拟DOM中进行渲染，然后React通过虚拟DOM中变化的来渲染浏览器中的DOM。虚拟的DOM在内存中的表现，是一个字符串，而不是真正DOM，所以，可以实现在服务端和客户端同时渲染。
React提供了两种可以用于服务端渲染的组件函数：React.renderToString（用的比较多） 和
React.renderToStaticMarkup（不会在客户端再次渲染）。
实例：
var myComponent =
React.createClass({
render:function() {
return
Hello World!
}});
var world =
React.renderToString(myComponent);
var world2
= React.renderToStaticMarkup(myComponent);
2.服务端组件生命周期
componentDidMount
和componentWillUnmount,都是不会在这里被调用，但是componentWillMount会被调用。
3.异步状态
首先使用静态函数去抓取异步数据，在服务端，把数据传入组件中进行渲染，然后将state值作为props传入客户端，用生命周期方法来监听变化，后面在用同一个静态函数去更新状态。
喜欢
0
赠金笔