在 ExpressJS + Reactjs 中传递数据以查看

我有一个应用程序，其中一部分是用 Twitter 登录。 成功登录后，我通常会将用户数据传递给模板

app.get('/', function(req, res, next) {
        log("The Home page has the user info: ", req.session.user);
        res.render('pages/home', {
            app: 'home',
            user: req.session.user || '' 
        });
    });

然后您可以根据以下内容渲染模板user data.

但是在React中，登录后如何将这些数据传递给组件呢？

我正在考虑将数据直接放入浏览器中，但对此我没有信心。

<script type="javascript">
  var user = #{user}
</script>

你怎么想？？谢谢。

通常，您会在脚本标记中将传递给顶级组件的 props 发送给客户端。

所以，你正在做<MyApp user={user} /> or MyApp({user: user})，您将创建一个如下所示的脚本标签：

var code = "<script>var __react_preload_data = " 
           + JSON.stringify({user: user}) 
           + ";</script>";

在客户端：

React.renderComponent(MyApp(__react_preload_data), document.body);