小编Lom*_*nho的帖子

如何在onSubmit事件中使用react-query useQuery?

我是菜鸟,使用react query并使用typesript进行反应,我不知道如何解决这个问题: 在函数“onSubmit”中调用React Hook“useQuery”,它既不是React函数组件,也不是自定义React Hook函数。React 组件名称必须以大写字母开头

export const LoginForm = () => { 

    const { handleSubmit, control } = useForm<IFormInput>({defaultValues: defaultValues, resolver: yupResolver(schema)});


    const onSubmit = ({email, password}: IFormInput) => {
        const {data, isLoading, error} = useQuery('loginUser', () => startLogin({email, password}));
        console.log(data);
        console.log(error);
    };

    ...
    ...
    ...
}
Run Code Online (Sandbox Code Playgroud)

export const startLogin = ({email, password}: IFormInput) => (
    axios.post(loginEndpoint, {email, password}).then(res => res.data)
);
Run Code Online (Sandbox Code Playgroud)

typescript reactjs react-hooks react-query

2
推荐指数
1
解决办法
8291
查看次数

标签 统计

react-hooks ×1

react-query ×1

reactjs ×1

typescript ×1