在ejs中使用React?

Jas*_*hen 4 javascript ejs reactjs

我有一个使用React状态构建的前端,该状态旨在根据用户操作进行调整。但是,我的前端React也打算显示并允许操纵我的服务器端数据。目前,我的视图引擎是EJS,并且正在使用它来显示数据。举一个广泛的例子:

  return (<div class="col-md-6 col-sm-6 col-xs-7">
    <ul>
      <li><span class="point">Name:</span> <%= user.profile.name %> </li>
      <li><span class="point">Email:</span> <%= user.email %> </li>
    </ul>
  </div>); 
Run Code Online (Sandbox Code Playgroud)

我已经确定我不能将这些ejs <%=标记与React 混合使用。这使得处理数据成为一个挑战。除非我在jQuery中重做UI,否则我不确定如何继续。

我查看了此React文档中用于传递数据的内容,但是在对其进行测试后,结果不允许我进行跨域调用,并且我的MongoDB存储在MongoLab上。因此,我被降级为使用EJS来调用我的数据。

由于将React与EJS结合使用的限制,令我困惑的是,要实现具有服务器端数据的UI工具(如React),必须使用哪些解决方案。

Igo*_*vee 7

在快递中:

res.render('view', {user: myUser});
Run Code Online (Sandbox Code Playgroud)

在应用程序的js包之前的EJS中:

<script type='text/javascript'>
  var userFromServer =<%-JSON.stringify(user)%>
</script>
Run Code Online (Sandbox Code Playgroud)

使用userFromServer你的反应代码。