test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 11:39:28 +08:00
Code Issues Actions 69 Packages Projects Releases Wiki Activity

findDOMNode to refs, close #12843

Browse Source
This commit is contained in:
afc163 2018-10-30 16:08:55 +08:00
parent de492b90a4
commit 087f7efd10
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/button/button.tsx
View File

@ -1,5 +1,4 @@
import * as React from 'react';
import { findDOMNode } from 'react-dom';
import * as PropTypes from 'prop-types';
import classNames from 'classnames';
import Wave from '../_util/wave';
@ -89,6 +88,7 @@ export default class Button extends React.Component<ButtonProps, any> {
};
private delayTimeout: number;
private buttonNode: HTMLElement | null;
constructor(props: ButtonProps) {
super(props);
@ -127,10 +127,16 @@ export default class Button extends React.Component<ButtonProps, any> {
}
}
saveButtonRef = (node: HTMLElement | null) => {
this.buttonNode = node;
}
fixTwoCNChar() {
// Fix for HOC usage like <FormatMessage />
const node = (findDOMNode(this) as HTMLElement);
const buttonText = node.textContent || node.innerText;
if (!this.buttonNode) {
return;
}
const buttonText = this.buttonNode.textContent || this.buttonNode.innerText;
if (this.isNeedInserted() && isTwoCNChar(buttonText)) {
if (!this.state.hasTwoCNChar) {
this.setState({
@ -208,6 +214,7 @@ export default class Button extends React.Component<ButtonProps, any> {
className={classes}
onClick={this.handleClick}
title={title}
ref={this.saveButtonRef}
>
{iconNode}{kids}
</a>
@ -224,6 +231,7 @@ export default class Button extends React.Component<ButtonProps, any> {
className={classes}
onClick={this.handleClick}
title={title}
ref={this.saveButtonRef}
>
{iconNode}{kids}
</button>