express node如何运行reactjs页面
发布于 9 年前 作者 zhouyix 6575 次浏览 最后一次编辑是 8 年前 来自 问答

框架采用express,模板ejs,服务器nodejs,想和react结合起来使用,该如何渲染前端页面 我的想法是这样的 在后台 router.get(’/reactIndex’,function (req,res){ console.log(‘打开react页面’); res.render(‘first’, { markup: ‘react’ }); res.end(); });

在views文件夹中渲染的first.ejs文件如下,新建一个build文件夹,和views同级,将react需要的js文件包含 <html> <head> <title>react</title> <script type=“text/javascript” src="…/build/react.js"></script> <script src="…/build/JSXTransformer.js"></script> </head> <body> <div id=“example”></div> <script type=“text/jsx”> var Search = React.createClass({ render: function() { return ( <div> <input type=“text”/>输入 <button>Search</button> </div> ); } });

React.render( <Search />, document.getElementById(‘example’) );

</script> </body> </html> 可是无法显示,应该怎么弄呢,如果想用react写前端

2 回复

document.getElementById(‘example’),这个id为example的元素在哪里?

如果是做Server side render 的话,可以是client 发起request,然后server初始化一个initialState,再用React.renderToString(). 返回给client。

回到顶部