You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
import * as React from 'react';
|
|
|
|
|
|
|
|
export interface InputElementProps {
|
|
|
|
children: React.ReactElement<any>;
|
|
|
|
}
|
|
|
|
|
|
|
|
export default class InputElement extends React.Component<InputElementProps, any> {
|
|
|
|
saveRef = (ele: HTMLInputElement) => {
|
|
|
|
const { ref: childRef } = this.props.children as any;
|
|
|
|
if (typeof childRef === 'function') {
|
|
|
|
childRef(ele);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
render() {
|
|
|
|
return React.cloneElement(
|
|
|
|
this.props.children,
|
|
|
|
{
|
|
|
|
...this.props,
|
|
|
|
ref: this.saveRef,
|
|
|
|
},
|
|
|
|
null,
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|