This repository was archived by the owner on Dec 26, 2018. It is now read-only.
This repository was archived by the owner on Dec 26, 2018. It is now read-only.
findDOMNode(this) returns null in _animateCircle() #84
Description
In VoroniCircleContainer.jsx in the linechart folder, findDOMNode is returning null, which is messing up the animation.
_animateCircle() {
const rect = findDOMNode(this).getElementsByTagName('circle')[0].getBoundingClientRect(); //here
this.props.onMouseOver.call(this, rect.right, rect.top, this.props.dataPoint);
this.setState({
circleRadius: this.props.circleRadius * (5 / 4),
circleFill: shade(this.props.circleFill, 0.2),
});
}I haven't been able to diagnose the issue, but it appears to be passed to a child component, which could be confusing react for some reason or another. Any idea what is wrong?
I don't have a problem with my npm installed rd3, but am having it with the cloned version from this repo.
let handleMouseOver;
let handleMouseLeave;
if (props.hoverAnimation) {
handleMouseOver = this._animateCircle; // here
handleMouseLeave = this._restoreCircle;
} else {
handleMouseOver = handleMouseLeave = null;
}
return (
<g>
<VoronoiCircle
handleMouseOver={handleMouseOver} //here
handleMouseLeave={handleMouseLeave}
voronoiPath={this._drawPath(props.vnode)}
cx={props.cx}
cy={props.cy}
circleRadius={this.state.circleRadius}
circleFill={this.state.circleFill}
/>
</g>
);