React:根据请求的路径呈现内容(视图)(ExpressJS)

时间:2016-03-13 11:36:53

标签: node.js express view reactjs routing

我最近开始学习React并且正在尝试创建一个简单的博客应用程序。我将数据(发布内容,评论等)存储在MongoDB中,并希望根据路由呈现内容,例如,当我有一个特定的URL(如/ blog /:username)时,我会从中提取数据数据库,然后使用数据内容呈现视图。

使用Express,我现在使用静态html文件(express.static)作为视图,但这使得无法根据请求的路径呈现内容,例如:

/blog/:username/:article

可以使用模板引擎,例如 Jade ,但据我所知,Jade不能与React一起使用。

在保留URL路由结构的同时使用React制作动态视图的正确方法是什么?

谢谢

1 个答案:

答案 0 :(得分:1)

一般来说,有几种方法可以实现您的目标。我将使用React概述我认为最自然的方法:

  1. 使用React
  2. 创建您的博客应用
  3. 使用react-router等前端路由机制使React知道URL
  4. 每次用户点击URL时,都会通过Ajax调用从后端获取每个博客条目的数据,或者将博客条目数据存储在前端(例如使用类似redux的内容)并在以后重复使用必需的。
  5. 这有意义吗?如果没有,请继续问......