diff --git a/packages/layout/src/components/PageContainer/index.tsx b/packages/layout/src/components/PageContainer/index.tsx
index 92657ea767db..7ad9faa92d93 100644
--- a/packages/layout/src/components/PageContainer/index.tsx
+++ b/packages/layout/src/components/PageContainer/index.tsx
@@ -16,7 +16,7 @@ import {
 } from 'antd';
 import classNames from 'classnames';
 import type { ReactNode } from 'react';
-import React, { useContext, useEffect, useMemo } from 'react';
+import React, { useContext, useLayoutEffect, useMemo } from 'react';
 import { RouteContext } from '../../context/RouteContext';
 import type { WithFalse } from '../../typing';
 import type { FooterToolbarProps } from '../FooterToolbar';
@@ -352,7 +352,7 @@ const PageContainerBase: React.FC<PageContainerProps> = (props) => {
   } = props;
   const value = useContext(RouteContext);
   /** 告诉 props 是否存在 footerBar */
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (!value || !value?.setHasPageContainer) {
       return () => {};
     }