express +jade+react 如何把参数传递到 react当中应该如何传值?
express作为后端请求数据部分,jade作模板引擎,react作为模板的渲染。现遇到一个问题,express把数据render到jade之后,react要如何拿到render里面的参数:
express的index.js如下:
router.get('/', function(req, res) {
res.render('index', { title: 'Main' ,name:'test'});
});
jade:index.jade:
extends layout
block content
h1=title
#react-container
script(src='/build/main.js')
react:是通过babel由.jsx编译为.js文件,index.jsx如下:
var React = require('react'),
ReactDOM = require('react-dom'),
ReactDOM.render(
<div>
<TestComponent/>
</div>,
document.getElementById("react-container")
);
问题是,我在index.jsx组件封装的时候,应该怎么传值,比如我想在 <TextComponent/>里给他加一个props的属性,把express传的name传到textComponent里面???
1 回复
这样是拿不到的,也可能是有方法但我没想到,我也是刚开始学习阶段,我的做法是直接使用react的rendeToString在node上直接渲染出模版出来然后拼接到目标html 自豪地采用 CNodeJS ionic