Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 使用SWIG和Koa进行服务器端渲染时向客户端传送道具_Node.js_Reactjs_Koa - Fatal编程技术网

Node.js 使用SWIG和Koa进行服务器端渲染时向客户端传送道具

Node.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

这是我的server.js

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,我想知道我是应该使用这种方法还是开始通量实现?我的数据量很大。