reactjs - 路由更改时反应路由器位置变得未定义

Question

我有一个具有使用功能的组件history.goBack()。我也在location.state该组件的模板中使用。当我触发时goBack()，我收到一个错误，指出位置未定义。不再需要该位置，因为我们正在切换到一个不使用的组件location

const ProfilePage = () => {
const location = useLocation()
const history = useHistory()
const goBack = () => {
    history.goBack();
}
return (
    <IonPage>
        <IonHeader>
            <IonToolbar>
                <IonIcon icon={arrowBackCircle} size={"large"} onClick={goBack}/>
            </IonToolbar>
        </IonHeader>
        <IonContent>
            <IonCard>
                <IonCardHeader>
                    <IonCardSubtitle>{location.state.data.contactPerson}</IonCardSubtitle>
                   
                </IonCardHeader>
                <IonCardContent><div><img src={location.state.data.image}/></div></IonCardContent>
                
            </IonCard>

        </IonContent>
    </IonPage>
);
};

export default ProfilePage

标签： reactjs