mirror of
https://github.com/ant-design/ant-design.git
synced 2025-07-26 00:26:53 +08:00
fix: PageHeader state update error (#33546)
This commit is contained in:
parent
ef51e4eb78
commit
cf5eac1a8c
@ -9,6 +9,7 @@ import Breadcrumb, { BreadcrumbProps } from '../breadcrumb';
|
|||||||
import Avatar, { AvatarProps } from '../avatar';
|
import Avatar, { AvatarProps } from '../avatar';
|
||||||
import TransButton from '../_util/transButton';
|
import TransButton from '../_util/transButton';
|
||||||
import LocaleReceiver from '../locale-provider/LocaleReceiver';
|
import LocaleReceiver from '../locale-provider/LocaleReceiver';
|
||||||
|
import useDestroyed from '../_util/hooks/useDestroyed';
|
||||||
|
|
||||||
export interface PageHeaderProps {
|
export interface PageHeaderProps {
|
||||||
backIcon?: React.ReactNode;
|
backIcon?: React.ReactNode;
|
||||||
@ -121,8 +122,11 @@ const renderChildren = (prefixCls: string, children: React.ReactNode) => (
|
|||||||
|
|
||||||
const PageHeader: React.FC<PageHeaderProps> = props => {
|
const PageHeader: React.FC<PageHeaderProps> = props => {
|
||||||
const [compact, updateCompact] = React.useState(false);
|
const [compact, updateCompact] = React.useState(false);
|
||||||
|
const isDestroyed = useDestroyed();
|
||||||
const onResize = ({ width }: { width: number }) => {
|
const onResize = ({ width }: { width: number }) => {
|
||||||
updateCompact(width < 768);
|
if (!isDestroyed()) {
|
||||||
|
updateCompact(width < 768);
|
||||||
|
}
|
||||||
};
|
};
|
||||||
return (
|
return (
|
||||||
<ConfigConsumer>
|
<ConfigConsumer>
|
||||||
|
Loading…
Reference in New Issue
Block a user