为什么不NoMatch渲染

Question

我有一个codepen，它是基于React Router Template，它显示了即使转到路由器配置中没有匹配的URL，也不会呈现组件。

当我将NoMatchRoute转换为AboutTopicsRoute它工作正常。但是，我不希望它在那里，因为我的应用程序可能会增长，并且在不同的文件中有不同的路线，并且它会混淆以移动 NoMatch以使其正确呈现。

它是React-Router中的错误还是我做错了什么？

Answer 1

不能嵌套 '开关'

如果从

const AboutTopicsRoute = (
    <Switch> 
    <Route path="/about" component={About}/> 
    <Route path="/topics" component={Topics}/> 
    </Switch> 
) 

改变

const AboutTopicsRoute = (

    <Route path="/about" component={About}/> 

) 

然后no-match路线再次

工作