[react-tooltip] Add dataTip argument to getContent callback

This commit is contained in:
Tom Crockett
2018-05-17 15:25:40 -07:00
parent 131650c616
commit e22bae51fd
2 changed files with 4 additions and 4 deletions
+1 -1
View File
@@ -39,7 +39,7 @@ declare namespace ReactTooltip {
type ElementEvents = (keyof HTMLElementEventMap) | string;
type WindowEvents = (keyof WindowEventMap) | string;
type GetContentCallback = () => React.ReactNode;
type GetContentCallback = (dataTip: string) => React.ReactNode;
type GetContent = GetContentCallback | [GetContentCallback, number];
type Place = "top" | "right" | "bottom" | "left";
+3 -3
View File
@@ -8,7 +8,7 @@ export class ReactTooltipTest extends React.PureComponent {
}
render() {
const getContent: ReactTooltip.GetContent = [() => Math.floor(Math.random() * 100), 30];
const getContent: ReactTooltip.GetContent = [dataTip => Math.floor(Math.random() * 100), 30];
return <div>
<a data-tip data-for="happyFace"> d(`・∀・)b </a>
@@ -53,8 +53,8 @@ export class ReactTooltipTest extends React.PureComponent {
<a data-for="getContent" data-tip>=( ̀д́)</a>
<ReactTooltip id="getContent" getContent={getContent} />
<a data-for="overTime" data-tip>=( ̀д́)</a>
<ReactTooltip id="overTime" wrapper="span" getContent={[() => new Date().toISOString(), 1000]} />
<a data-for="overTime" data-tip="3/14/1592">=( ̀д́)</a>
<ReactTooltip id="overTime" wrapper="span" getContent={[dateString => new Date(dateString).toISOString(), 1000]} />
<a data-tip data-for="happyFace"> d(`・∀・)b </a>
<ReactTooltip