mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 02:59:58 +08:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

fix: FloatButton findDOMNode is deprecated in StrictMode. (#41833)

Browse Source 
* fix: FloatButton findDOMNode is deprecated in StrictMode.

* revert basic.tsx
This commit is contained in:
Kiyan 2023-04-17 10:37:15 +08:00 committed by GitHub
parent 7cd9b90b94
commit 0bcdce0cd7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
components/badge/index.tsx
View File

@ -14,7 +14,9 @@ import useStyle from './style';
export type { ScrollNumberProps } from './ScrollNumber';
type CompoundedComponent = React.FC<BadgeProps> & {
type CompoundedComponent = React.ForwardRefExoticComponent<
BadgeProps & React.RefAttributes<HTMLSpanElement>
> & {
Ribbon: typeof Ribbon;
};
@ -40,25 +42,26 @@ export interface BadgeProps {
children?: React.ReactNode;
}
const Badge: CompoundedComponent = ({
prefixCls: customizePrefixCls,
scrollNumberPrefixCls: customizeScrollNumberPrefixCls,
children,
status,
text,
color,
count = null,
overflowCount = 99,
dot = false,
size = 'default',
title,
offset,
style,
className,
rootClassName,
showZero = false,
...restProps
}) => {
const InternalBadge: React.ForwardRefRenderFunction<HTMLSpanElement, BadgeProps> = (props, ref) => {
const {
prefixCls: customizePrefixCls,
scrollNumberPrefixCls: customizeScrollNumberPrefixCls,
children,
status,
text,
color,
count = null,
overflowCount = 99,
dot = false,
size = 'default',
title,
offset,
style,
className,
rootClassName,
showZero = false,
...restProps
} = props;
const { getPrefixCls, direction } = React.useContext(ConfigContext);
const prefixCls = getPrefixCls('badge', customizePrefixCls);
@ -191,7 +194,7 @@ const Badge: CompoundedComponent = ({
}
return wrapSSR(
<span {...restProps} className={badgeClassName}>
<span ref={ref} {...restProps} className={badgeClassName}>
{children}
<CSSMotion
visible={!isHidden}
@ -199,7 +202,7 @@ const Badge: CompoundedComponent = ({
motionAppear={false}
motionDeadline={1000}
>
{({ className: motionClassName, ref }) => {
{({ className: motionClassName, ref: scrollNumberRef }) => {
const scrollNumberPrefixCls = getPrefixCls(
'scroll-number',
customizeScrollNumberPrefixCls,
@ -233,7 +236,7 @@ const Badge: CompoundedComponent = ({
title={titleNode}
style={scrollNumberStyle}
key="scrollNumber"
ref={ref}
ref={scrollNumberRef}
>
{displayNode}
</ScrollNumber>
@ -245,6 +248,8 @@ const Badge: CompoundedComponent = ({
);
};
const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(InternalBadge) as CompoundedComponent;
Badge.Ribbon = Ribbon;
if (process.env.NODE_ENV !== 'production') {