react-router路由中传入无效的参数，如何转到404？

Question

<Router history={history}>
    <Route path="/" component={App}>
        <IndexRoute component={Home} />
        <Route path=":category" component={Category} />
        <Route path="*" component={NotFound} />
    </Route>
</ROuter>

比如传入了一个不存在的category，如何判断，并转到404模块？

Answer 1

什么叫“不存在的category” ?

意思是代码已经进入了Category组件，但发现这个:category不符合条件？

如果是这样的话，那直接return那个Notfound视图好了，像这样：

render: function () {
    var category = findCategoy(this.props.params.category);
    if (!category) {
        return <NotFound />;
    }
    
    //你的正常代码
}