将 React 与 ejs 结合使用?

2024-05-08

我有一个使用 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>); 

我已经确定我不能混合这些 ejs<%=带有 React 的标签。这使得操纵数据成为一项挑战。除非我用 jQuery 重做 UI,否则我不知道如何继续。

我看过这个 React 文档 https://facebook.github.io/react/tips/initial-ajax.html用于传递数据,但经过测试,结果不允许我进行跨源调用,并且我的 MongoDB 存储在 MongoLab 上。因此,我只能使用 EJS 来调用我的数据。

由于将 React 与 EJS 结合使用的限制,我对必须采用什么解决方案来实现像 React 这样的带有服务器端数据的 UI 工具感到困惑。


在快递中:

res.render('view', {user: myUser});

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

<script type='text/javascript'>
  var userFromServer =<%-JSON.stringify(user)%>
</script>

Use userFromServer在你的反应代码中。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将 React 与 ejs 结合使用? 的相关文章

随机推荐