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

问题描述 投票:2回答:1

我正在开发一个小样板项目,使用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

javascript reactjs react-router isomorphic-javascript
1个回答
2
投票

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

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

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

如果查看路径数组中的元素,您将看到可以评估pathname(路径名称),handler对象等属性。

© www.soinside.com 2019 - 2024. All rights reserved.