可以确定初始祖先useEffect将在所有后代useEffect之后运行吗？

Question

我想跟踪应用程序的初始渲染何时完成。可以安全地假设在所有后代useEffect都首次运行之后，根组件中的useEffect将运行吗？

这只是一个清晰的基本示例：

const App = props => {
    useEffect(() => {
        console.log("root");
    }, []);

    return (
        <div>
            {/*...*/}
        </div>
    );
};

。

const DeepDescendant = props => {
    useEffect(() => {
        console.log("descendant");
    }, []);

    return (
        <div />
    );
};

descendant，最后是root。

修改：

为了澄清：我使用ReactDOM.hydrate使用来自PHP的页面中的HTML。初始HTML中不包括某些组件（它们呈现的HTML）。我需要知道第一个渲染何时完成，以便随后将它们包括在内。我当时正在单独跟踪它，但是我想知道是否可以依赖全局变量。