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里面???