node.js - react : rendering content (view) according to requested route (ExpressJS)

标签 node.js express view reactjs routes

我最近开始学习 React,并尝试制作一个简单的博客应用程序。我将数据(帖子内容、评论等)存储在 MongoDB 中,并希望根据路由呈现内容,例如,当我有某个 URL(如/blog/:username)时,我会从中提取数据数据库,然后渲染包含数据内容的 View 。

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

/blog/:username/:article

可以使用模板引擎,例如Jade,但据我所知,Jade 不适用于 React。

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

谢谢

最佳答案

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

  1. 使用 React 创建博客应用
  2. 使用前端路由机制(例如 react-router)让 React 识别 URL
  3. 每次用户点击 URL 时,通过 Ajax 调用从后端获取每个博客条目的数据,或者将博客条目数据存储在前端(例如使用 redux 之类的东西)并在需要时重用。

这有道理吗?如果没有,请继续追问...

关于node.js - react : rendering content (view) according to requested route (ExpressJS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35969738/

相关文章:

javascript - 从 Javascript Express 应用程序中进行 http 调用

sql - 嵌套 View 性能

inheritance - Odoo - 如何从其他模型正确复制 View

node.js - 使用 passport.js 的微服务身份验证架构

node.js - 如何为 npm 指定深度参数

node.js - Express.js sendFile 返回 ECONNABORTED

android - 使用 GraphView 库的 BarChartGraph 中的空白区域

Node.js + 处理(.js)

javascript - 未知的 node.js 和 websockets 服务器停止。谁修改我的代码?

node.js - 使用 express 和 body-parser 解析 DELETE 请求时 body 为空