mirror of
https://github.com/ant-design/ant-design.git
synced 2025-07-26 00:26:53 +08:00
chore: Import IconContext directly (#29045)
This commit is contained in:
parent
8158f45611
commit
cbbffe4a98
@ -1,5 +1,5 @@
|
|||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import { IconProvider } from '@ant-design/icons/lib/'; // keep last '/' since antd-tools need this
|
import IconContext from '@ant-design/icons/lib/components/Context';
|
||||||
import { FormProvider as RcFormProvider } from 'rc-field-form';
|
import { FormProvider as RcFormProvider } from 'rc-field-form';
|
||||||
import { ValidateMessages } from 'rc-field-form/lib/interface';
|
import { ValidateMessages } from 'rc-field-form/lib/interface';
|
||||||
import useMemo from 'rc-util/lib/hooks/useMemo';
|
import useMemo from 'rc-util/lib/hooks/useMemo';
|
||||||
@ -148,6 +148,8 @@ const ProviderChildren: React.FC<ProviderChildrenProps> = props => {
|
|||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const memoIconContextValue = React.useMemo(() => ({ prefixCls: iconPrefixCls }), [iconPrefixCls]);
|
||||||
|
|
||||||
let childNode = children;
|
let childNode = children;
|
||||||
// Additional Form provider
|
// Additional Form provider
|
||||||
let validateMessages: ValidateMessages = {};
|
let validateMessages: ValidateMessages = {};
|
||||||
@ -172,7 +174,9 @@ const ProviderChildren: React.FC<ProviderChildrenProps> = props => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (iconPrefixCls) {
|
if (iconPrefixCls) {
|
||||||
childNode = <IconProvider value={{ prefixCls: iconPrefixCls }}>{childNode}</IconProvider>;
|
childNode = (
|
||||||
|
<IconContext.Provider value={memoIconContextValue}>{childNode}</IconContext.Provider>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (componentSize) {
|
if (componentSize) {
|
||||||
|
Loading…
Reference in New Issue
Block a user