reactjs - 重定向组件问题和 URL 渲染

Question

我在使用重定向组件时遇到问题。当按下 back-btn 按钮时，执行 closeSesion 函数，该函数删除存储在设备上的数据，然后重定向到 /home url

它被有效地重定向到主页 URL，但屏幕保持空白，直到使用浏览器的重新加载页面按钮手动重新加载页面。为什么？我认为当您重定向到 / home 时，它​​不会呈现

我该如何解决？

const Close = () => {

  const [done,setDone]=useState(false)

  const closeSesion = () =>{
     removeItem("isRegistered");

     setDone(true)
  }

  if(done){

    return(<Redirect push={true} to="/home/" />);

  }else{

    
          return (
            <>
            <IonHeader>
              <IonToolbar>
              <div className="header">

                <IonButton  id="back-btn" onClick={() => { closeSesion () } }>CLOSE SESION</IonButton>
              </div>
            </IonContent>
          </>
          );        
    }

 }

应用程序.tsx

const App: React.FC = () => {
  const [isReg, setIsReg] = useState(false);
return(
<IonApp>
<IonReactRouter>
<IonSplitPane contentId="main" when="(min-width: 4096px)">
      <Menu />
  <IonRouterOutlet id="main">

    <Route path="/" render={() => isReg ?   <Home />:<Inicio /> } />
    <Route path="/home" component={Home} exact={true}></Route>

  </IonRouterOutlet>
  </IonSplitPane>
</IonReactRouter>
</IonApp>

);
};

标签： reactjsurlredirect