接口 locationProps，预期有 0​​ 个类型参数，但得到了 1 个

Question

我通过对象传递用户对象，useNavigation例如：

 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;获取我的所有数据。感谢大家！！