在我单击之前,反应出现的节目

发布于 2025-01-27 17:33:04 字数 753 浏览 2 评论 0原文

我已经制作了notify函数,该函数将参数

const notify = (error) => {
    toast.error(error)
}

和dom作为

<button onClick={notify(error)}>Submit</button>

错误是我的Usestate Hook,如果从Redux RTK获取某些内容,则将设置。我将seterror通过使用效果挂钩侦听,如下所示,

const [loginUser, {data, isError, emessage}] = useLoginUserMutation();
const [error, setError] = useState('')
useEffect(() => {
   if(isError){
      setError(emessage.data.errors)
   }
},[isError, data, emessage])

我尝试使用类似的方式

useEffect(() => {
   if(isError){
   toast(emessage.data.errors)
}
})

,这种方式仅在第二次工作,奇怪地在两个弹出窗口中同时显示了第一个错误消息中的空白弹出窗口,然后停止。

我做错了吗? 感谢您的帮助。

I've madenotify function which takes parameter

const notify = (error) => {
    toast.error(error)
}

and dom as

<button onClick={notify(error)}>Submit</button>

where error is my useState hook , which is set if something is fetched from redux rtk. I've put setError which listen through useEffect hook as following

const [loginUser, {data, isError, emessage}] = useLoginUserMutation();
const [error, setError] = useState('')
useEffect(() => {
   if(isError){
      setError(emessage.data.errors)
   }
},[isError, data, emessage])

I tried to use something like this way

useEffect(() => {
   if(isError){
   toast(emessage.data.errors)
}
})

which fortunately works only in second times , weirdly shows blank popups in first error message in two popup at same time then stops.

Is there something I'm doing wrong?
Thank you for your help.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

晨曦慕雪 2025-02-03 17:33:04

您需要将其作为回调传递,而不是直接执行渲染:

<button onClick={() => notify(error)}>Submit</button>

You need to pass it in as a callback, not directly execute it on render:

<button onClick={() => notify(error)}>Submit</button>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文