Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 对弹出上下文作出反应-如何?_Reactjs_React Hooks - Fatal编程技术网

Reactjs 对弹出上下文作出反应-如何?

Reactjs 对弹出上下文作出反应-如何?,reactjs,react-hooks,Reactjs,React Hooks,我制作了一个react弹出上下文,在这里,您可以使用Popupush功能推送新消息,这些消息将以一定的延迟一个接一个地显示。您也可以通过单击隐藏当前弹出窗口来查看下一个弹出窗口。一切正常,但如果同时按下几个弹出窗口,则只会显示最新的弹出窗口: useEffect(() => { popupPush({ text: x++ }) popupPush({ text: x++ }) popupPush({ text: x++ }) // eslint-dis

我制作了一个react弹出上下文,在这里,您可以使用Popupush功能推送新消息,这些消息将以一定的延迟一个接一个地显示。您也可以通过单击隐藏当前弹出窗口来查看下一个弹出窗口。一切正常,但如果同时按下几个弹出窗口,则只会显示最新的弹出窗口:

  useEffect(() => {
    popupPush({ text: x++ })
    popupPush({ text: x++ })
    popupPush({ text: x++ })

    // eslint-disable-next-line
  }, [])
我怎样才能解决这个问题?或者我的整个概念不是最好的


.

在重新理解正确的函数和使用react钩子的useEffect用法方面进行了一些努力之后,我想出了一个有效的解决方案:


我最需要的就是这个钩子。这对我来说是出乎意料的,其中的包装函数不会触发不必要的重新加载。

在重新理解正确的函数和使用react挂钩的useEffect用法方面进行了一些努力之后,我想出了一个可行的解决方案:

我最需要的就是这个钩子。这对我来说是出乎意料的,其中的包装功能不会触发不必要的重播