如何解决我有一个组件在初始 onClick 之后触发 onClick 事件
const component = (props) => {
const [email,setEmail] = useState('')
const [getUserByEmail,{ data,error,loading }] = useLazyQuery(userQuery,{
variables: {
userEmail: email,},});
const handleClick = () => {
getUserByEmail(email)
}
return (
<Grid item xs={12} className={props.classes.emailFormContainer}>
<TextField
className={props.classes.emailFieldContainer}
onChange={e => setEmail(e.target.value)}
/>
<Button
className={props.classes.button}
onClick={handleClick}
>
Join Now
</Button>
</Grid>
}
我遇到了一个问题,即在初始查询或按钮单击之后而不是之前,每次我开始在文本字段中键入时都会触发按钮的 onClick 事件。有谁知道为什么会这样?我正在使用 graphql 和 apollo 来查询我的组件,并使用材质 ui。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。