react嵌套路由的坑

最新推荐文章于 2022-10-14 17:42:27 发布

原创最新推荐文章于 2022-10-14 17:42:27 发布 · 524 阅读

0 ·

CC 4.0 BY-SA版权

react 专栏收录该内容

11 篇文章

订阅专栏

在React中使用嵌套路由时，遇到一个常见问题：不能使用`path='/ '`作为匹配默认页面的路径，而是需要结合`exact`属性进行严格匹配以确保正确显示。

react 用嵌套路由的时候不能用path=’/'来匹配，显示默认页面搭配exact来严格匹配

 <Router>
                <Home>
                    <Route exact path="/" component={Main} render={()=>
                        <Main>
                            <Route  path="/a" component={About}></Route>
                        </Main>
                    }></Route>
                    <Route  path="/about" component={About}></Route>
                    <Route  path="/topic" component={Topic}></Route>
                </Home>
            </Router>