react路由严格模式问题

最新推荐文章于 2025-12-15 10:21:36 发布

原创最新推荐文章于 2025-12-15 10:21:36 发布 · 203 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #javascript #前端

文章讨论了在使用React进行路由配置时遇到的问题，即在设置子路由时如果启用严格模式会导致空白页面。开发者分享了解决方案，指出需将子路由的`exact`属性设为`false`以避免这个问题。

react路由严格模式问题

1.react路由

设置路由的时候，子路由不能设置严格模式，不然是出现空白页面

exact:false

<LocaleProvider locale={zhCN}>
        <Layout>
          <Switch>
            {
              routeArr.map((item, index)=> {
                return <Route key={index} exact={!item.children} path={item.path} component={SetInfo(item)}/>
              })
            }
          </Switch>
        </Layout>
      </LocaleProvider>