RECT-在使用效果上和单击元素上运行功能？

发布于 2025-01-29 17:02:53 字数 316 浏览 2 评论 0原文

我在使用效果挂钩内部有一个功能，该挂钩向服务器请求某些数据：

useEffect(() => {
  const reqFn = async () => {
    // req code...
    setState(req result)
  }
  return reqfn()
},[setState])

另外，当用户单击按钮以请求其他数据时，我需要运行此功能（REQFN使用USESTATE值作为服务器请求的Prop）。

我已经尝试在使用效果之外使用reqfn（），但这使得在循环中运行REQFN。我该如何实现？

原文

I have a funtion inside a useEffect hook that requests some data to my server:

useEffect(() => {
  const reqFn = async () => {
    // req code...
    setState(req result)
  }
  return reqfn()
},[setState])

Also, I need to run this function when a user clicks on a button to request a different data (reqFn uses a useState value as a prop for the server request).

I've tried taking the reqFn() outside the useEffect, but this makes running reqFn in a loop.
How can I achieve this?

分享到QQ

分享到微博

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

发布评论

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

谁的新欢旧爱 2025-02-05 17:02:53

从您的问题中可以看到，您需要第一个渲染中的API数据，然后您只需单击即可处理更新。因此，您可以使用使用而无需状态回调，并使用onclick处理其余

const reqFn = async () => {
    // req code...
    setState(req result)
}

useEffect(() => {
  reqfn()
},[])

<>
...
//Rest of your component
<button onClick={reqFn}>Click</button>
...
</>

As I see from your question you need api data in the first render and then you are handling updates with just click. So you can use useEffect without state callback and handle the rest with onClick

const reqFn = async () => {
    // req code...
    setState(req result)
}

useEffect(() => {
  reqfn()
},[])

<>
...
//Rest of your component
<button onClick={reqFn}>Click</button>
...
</>

回复收藏 0 原文

~没有更多了~