如何解决React-如何在按钮onClick中使用钩子
我有一个类似于以下内容的组件。单击按钮后,我希望运行我的GraphQL修改。但是,到目前为止,我仍然看到错误:Error: Invalid hook call. Hooks can only be called inside of the body of a function component
。
我可以将该代码放在函数中,但是我不希望它在按钮加载后立即运行,仅当单击按钮本身时才运行。
任何帮助表示赞赏。
import React,{ useCallback } from 'react';
import { useMutation } from 'react-apollo';
export default function SubscriptionButton(props) {
function useUpdateSubscription() {
const [onDeleteHandler,{ data,loading,error }] = useMutation(SUBSCRIPTION_MODIFY)
if (data) {
window.location.replace(data.appSubscriptionCreate.confirmationUrl)
}
}
return (
<Button primary onClick={() => useUpdateSubscription()}>
Select
</Button>
)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。