javascript - 如何在react-router Handler进入 View 之前识别NotFound？

Question

我正在开发一个小型样板项目，使用 Node 和 Express 通过 ReactJS 进行服务器端渲染。

我想知道如何识别回调中的 Handler 变量何时代表 NotFound 工厂，以便抛出 404 错误与 express 。类似于:res.status(404)

router.run(function(Handler) {

    // HOW TO KNOW `Handler` corresponds to `NotFound`?
    // I WANT TO USE SOMETHING LIKE `res.status(404)` HERE...

    // Render React to a string, passing in our fetched tweets
    var markup = React.renderToString(
        Handler(state)
    );

    // Render our 'home' template
    res.render('index', {
        markup: markup, // Pass rendered react markup
        state: JSON.stringify(state) // Pass current state to client side
    });
});

如果您想完全了解该文件，请随时访问其在 github 上的页面: https://github.com/sergiocruz/react-boilerplate/blob/master/server.js

如果您对此感到好奇，也可以随意浏览整个项目:https://github.com/sergiocruz/react-boilerplate

Answer 1

Handler 参数实际上是 Router 组件。如果将第二个参数添加到回调 state 中，则可以评估路由。

router.run(function(Handler, state) {
    console.log(state.routes);
    ...
}

routes 属性是一个数组，其中包含与请求匹配的每条路由的一个元素，按照它们在路由映射中的嵌套顺序排列。

如果查看路由数组中的元素，您会发现可以计算诸如 path、name(路由名称)、处理程序对象等