Reactjs 为什么'；t NoMatch渲染

我有一个基于此的示例，它显示了即使您转到路由器配置中不匹配的URL，NoMatch组件也不会呈现

当我将NoMatch

路线

移动到

AboutTopicsRoute

时，它工作正常。但是，我不希望它出现在那里，因为我的应用程序可能会增长，并且在不同的文件中有不同的路由，而且移动NoMatch只是为了正确渲染会让人感到困惑

---

这是React路由器中的错误还是我做错了什么？

不能使用嵌套的“交换机”

如果你从

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

const AboutTopicsRoute=(
)

到

const AboutTopicsRoute=(
)

然后，

不匹配

路由再次工作

const AboutTopicsRoute = (

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

)