javascript - React router v4 忽略 exact

Question

当路径不正确时，我正在尝试渲染 NotFound 组件或使用 React router v4 重定向到根路由，但是当我在“/”上时，我的应用程序渲染了 2 个组件。

<Switch>
     <Navbar>
         <Route exact path="/" component={App} />
         <Route path="/Other" component={Other} />
         <Route component={NotFound} />
     </Navbar>
</Switch>

我的导航栏看起来像:

render()
{
    return(
        <div>
            {/*Any content here*/}
            {this.props.children}
        </div>
    );
}

如果我替换 <Route component={NotFound} />至 <Redirect to="/" />它看起来工作正常，但出现错误:Warning: You tried to redirect to the same route you're currently on: "/"

感谢您的帮助! :)

Answer 1

您的 Switch 组件的放置不正确，它应该包装定义了 Routes 的子组件

<Navbar>
     <Switch>
         <Route exact path="/" component={App} />
         <Route path="/Other" component={Other} />
         <Route component={NotFound} />
     </Switch>
</Navbar>