React / Ionic:无效的挂钩调用问题使用历史记录进行重定向

问题描述

我正在尝试使用点击事件和历史记录将用户重定向到此路由“ / tab1”。 我收到无效的挂接呼叫问题。我试图将其移出,但似乎无济于事。

请帮助! 谢谢!

代码

$provider->urlAPI = 'https://graph.microsoft.com/';
@H_404_10@

解决方法

您只能在功能组件中使用挂钩

export const Tab2 =() =>  {
  
  const history = useHistory();

  const playVideo =()=> {
    history.push("/tab1")
  }
    
    return (
      <IonPage>
        <IonHeader>
          <IonToolbar>
            <IonTitle>Tab 2</IonTitle>
          </IonToolbar>
        </IonHeader>
        <IonContent>
          <IonHeader collapse="condense">
            <IonToolbar>
              <IonTitle size="large">Tab 2</IonTitle>
            </IonToolbar>
          </IonHeader>
          <IonButton onClick={()=>playVideo()}>This is a play button</IonButton>
        </IonContent>
      </IonPage>
    );
};