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

Question

我有一个应用程序，其中一部分是使用 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 || '' 
        });
    });

然后您可以根据用户数据渲染模板。

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

我想直接把数据放在浏览器里，但我对此没有信心。

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

你怎么看？？谢谢。

Answer 1

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

所以，你正在做 <MyApp user={user} />或 MyApp({user: user}) ，您将创建这样的脚本标记:

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

在客户端:

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