如何在react组件中显示从express router发送的数据？

路由代码：

router.get('/', function(req, res) {
  res.render('index', {username: req.session['passport']['user']['username']});
}

我想在react组件中显示此用户名对象，如下所示：

var Account = React.createClass({
  render: function(){
    return (
      <div>
        {username}
      </div>
    )
  }
});

var Account=React.createClass({
render:function（）{
返回(
{username}
)
}
});

显然，上述结果中的“用户名”是未定义的错误。如何访问react组件中路由器提供的数据

---

谢谢。

一种常见的模式是在安装组件时从组件内部获取数据。例如，假设某个助手与您的API接口并返回承诺。然后，您可以执行以下操作：

var Account = React.createClass({
  getInitialState: function() {
    return {
      username: ''
    };
  },

  componentWillMount: function() {
    APIHelper.get('/').then(function(response) {
      this.setState({
        username: response.username
      });
    });
  },

  render: function(){
    return (
      <div>
        {this.state.username}
      </div>
    )
  }
});

var Account=React.createClass({
getInitialState:函数（）{
返回{
用户名：“”
};
},
componentWillMount:function（）{
APIHelper.get（'/'）。然后（函数（响应）{
这是我的国家({
用户名：response.username
});
});
},
render:function（）{
返回(
{this.state.username}
)
}
});