Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.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 ReactDOM.render()回调和onComponentUpdate之间的区别?_Reactjs_React Dom - Fatal编程技术网

Reactjs ReactDOM.render()回调和onComponentUpdate之间的区别?

Reactjs ReactDOM.render()回调和onComponentUpdate之间的区别?,reactjs,react-dom,Reactjs,React Dom,我有一个顶层状态,只要上一次渲染完成,它就会在每一帧标记上更新。如果渲染器仍处于忙碌状态,则它会在下一次勾选时尝试进入更新状态 在React中检测渲染何时完成的惯用方法是在componentdiddupdate上设置一个标志。然而,这需要将状态包装在另一个基于类的顶级组件中,这在我的例子中是不必要的 我更愿意直接将顶层状态(即元素树)传递给ReactDOM.render(),并使用回调指示渲染已完成(注意:在这个设置中,我在每次调用中传递相同的目标/装入点,以便React可以执行其不同的操作)。

我有一个顶层状态,只要上一次渲染完成,它就会在每一帧标记上更新。如果渲染器仍处于忙碌状态,则它会在下一次勾选时尝试进入更新状态

在React中检测渲染何时完成的惯用方法是在
componentdiddupdate
上设置一个标志。然而,这需要将状态包装在另一个基于类的顶级组件中,这在我的例子中是不必要的

我更愿意直接将顶层状态(即元素树)传递给
ReactDOM.render()
,并使用回调指示渲染已完成(注意:在这个设置中,我在每次调用中传递相同的目标/装入点,以便React可以执行其不同的操作)。但是,我不能完全确定回调的目的是什么


只有在第一次渲染和后续渲染完成整个树后,
ReactDOM.render()中的回调才会触发吗?

我无法回答您关于
ReactDOM.render()的问题
但我可以告诉您,
componentdiddupdate
只有在其所有子项完成渲染后才会触发。我不明白,为什么不将状态保存在具有
componentdiddupdate
的同一个组件中。它是一个纯粹的功能组件,在tick上生成元素树。它是通过外部调用的,而不是通过内部勾号句柄。换句话说,在我当前的设置中,任何地方都没有生命周期挂钩,甚至在顶层也没有。我无法回答您关于
ReactDOM.render()
的问题,但我可以告诉您,
componentdiddupdate
只有在其所有子级完成渲染后才会触发。我不明白,为什么不将状态保存在具有
componentdiddupdate
的同一个组件中。它是一个纯粹的功能组件,在tick上生成元素树。它是通过外部调用的,而不是通过内部勾号手柄。换句话说,在我当前的设置中,任何地方都没有生命周期挂钩,甚至在顶层也没有