|
2 | 2 |
|
3 | 3 | import React from 'react'
|
4 | 4 | import PropTypes from 'prop-types'
|
5 |
| -import ReactDOM from 'react-dom' |
6 | 5 | import classname from 'classnames'
|
7 | 6 |
|
8 | 7 | /* Decoraters */
|
@@ -309,7 +308,7 @@ class ReactTooltip extends React.Component {
|
309 | 308 | let desiredPlace = e.currentTarget.getAttribute('data-place') || this.props.place || 'top'
|
310 | 309 | let effect = switchToSolid && 'solid' || this.getEffect(e.currentTarget)
|
311 | 310 | let offset = e.currentTarget.getAttribute('data-offset') || this.props.offset || {}
|
312 |
| - let result = getPosition(e, e.currentTarget, ReactDOM.findDOMNode(this), desiredPlace, desiredPlace, effect, offset) |
| 311 | + let result = getPosition(e, e.currentTarget, this.tooltipRef, desiredPlace, desiredPlace, effect, offset) |
313 | 312 | let place = result.isNewState ? result.newState.place : desiredPlace
|
314 | 313 |
|
315 | 314 | // To prevent previously created timers from triggering
|
@@ -480,7 +479,7 @@ class ReactTooltip extends React.Component {
|
480 | 479 | // Calculation the position
|
481 | 480 | updatePosition () {
|
482 | 481 | const {currentEvent, currentTarget, place, desiredPlace, effect, offset} = this.state
|
483 |
| - const node = ReactDOM.findDOMNode(this) |
| 482 | + const node = this.tooltipRef |
484 | 483 | const result = getPosition(currentEvent, currentTarget, node, place, desiredPlace, effect, offset)
|
485 | 484 |
|
486 | 485 | if (result.isNewState) {
|
|
0 commit comments