将 React 与 ejs 一起使用？

Question

我有一个使用 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，否则我不确定如何进行。

我查看了 this React documentation 以传递数据，但在测试时结果不允许我进行跨源调用，并且我的 MongoDB 存储在 MongoLab 上。因此，我不得不使用 EJS 来调用我的数据。

由于将 React 与 EJS 一起使用的限制，我很困惑我必须使用什么解决方案来实现 UI 工具，如 React 与服务器端数据。

Answer 1

快递中：

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

在应用的 js 包之前的 EJS 中：

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

在你的反应代码中使用userFromServer。

Answer 2

如果你使用 express，那很明显你的入口点应该是 app.ejs；要拥有反应组件，您需要将扩展名更改为 app.jsx 作为入口点，它对我有用...

将 React 与 ejs 一起使用？

Using React with ejs?

javascript

ejs

reactjs