界面 locationProps，預期 0 類型 arguments，但得到 1

Question

我正在通過useNavigation object 傳遞用戶 object，例如：

 let navigate = useNavigate();

    const showUser = (user: UserProp): void => {
        navigate('view', { state: user });
    }

一旦我登陸到view組件，我就會嘗試從該位置獲取值。 但出現錯誤。 這是代碼：

interface locationProps {
    state: { user: UserProp }
}

export default function UserView() {
    const { state } = useLocation<locationProps>();
    return (
        <h1>{state && state.user.name}</h1>
    )
}

作為interface locationProps, Expected 0 type arguments, but got 1.

Answer 1

這個對我有用：

export interface UserProp {
    id: number;
    name: string;
    username: string;
    email: number;
    address: AddressProps
}

在聲明接口之后，我使用了與以下相同的方法：

const data = useLocation().state as UserProp; 獲取我的所有數據。 謝謝大家！！