Skip to content

GitLab

Closed
Created by fengzi@fengziDeveloper

基于react pc模板项目出现切换路由中useState中的set方法在接口请求后无法渲染到页面上的问题

背景： 基于 v3.0.11的模板创建的react项目，由于模板中的app.tsx文件中

<CSSTransition key={location.key} classNames='fade' timeout={300}>
   <Routes> // 注意少了location={location}
    {routeList.map((item) => (
       <Route key={item.path} path={item.path} element={<item.component />}></Route>
    ))}
    {/* 匹配找不到的路由 */}
       <Route path='*' element={<NotFound />}></Route>
   </Routes>
</CSSTransition>

解决方案：由于少了location={location}的配置，会导致出现标题所述的现象， 具体原因解释参考：https://juejin.cn/post/6844903922574819342#heading-7 中

Edited by fengzi