如何识别react-router Handler在它进入视图之前是NotFound？

Posted 2021-04-06

我正在开发一个小样板项目，使用node＆express与ReactJS进行服务器端渲染。

我想知道如何识别我的回调中的Handler变量何时表示NotFound工厂，因此我可以使用express抛出404错误。像：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

答案

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

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

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

如果查看路径数组中的元素，您将看到可以评估path，name（路径名称），handler对象等属性。