Node.js 使用SWIG和Koa进行服务器端渲染时向客户端传送道具
这是我的server.jsNode.js 使用SWIG和Koa进行服务器端渲染时向客户端传送道具,node.js,reactjs,koa,Node.js,Reactjs,Koa,这是我的server.js router.get('/react/:regioncode',函数*(下一步){ var响应= 收益率FNGETPROFERS(此参数区域代码); var JsonResponse=JSON.parse(response); var offerHtml=ReactDOM.renderToString(ReactApp({ offerAPI:JsonResponse })); 这个身体= 生成渲染('索引'{ reactoffers:offerHtml, offer
router.get('/react/:regioncode',函数*(下一步){
var响应=
收益率FNGETPROFERS(此参数区域代码);
var JsonResponse=JSON.parse(response);
var offerHtml=ReactDOM.renderToString(ReactApp({
offerAPI:JsonResponse
}));
这个身体=
生成渲染('索引'{
reactoffers:offerHtml,
offerAPI:JsonResponse
});
});代码>通常,在对React(或依赖服务器端呈现的任何其他JavaScript)进行初始数据处理时,您会将内容放入附加到窗口的变量中
<html>
<body>
<script>
window.offerAPI = {{{ offerAPI }}};
</script>
</body>
</html>
window.offerAPI={{{offerAPI}}};
可以通过以下方式进行响应:
var mountNode = document.getElementById('react-content');
ReactDOM.render( < ReactApp offerAPI = {
window.offerAPI
}
/>, mountnode);
var mountNode=document.getElementById('react-content');
ReactDOM.render( ,mountnode);
当然,在获取数据后,这将被清除,以避免数据在DOM中无用地四处游荡。这是有效的,感谢@limelights,我想知道我是应该使用这种方法还是开始通量实现?我的数据量很大。