I have added a Tooltip to one of the children components (<a href="https://github.com/

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

Uncaught TypeError: _react2.default.unmountComponentAtNode is not a function about react-infinity-menu HOT 4 CLOSED

socialtables commented on July 20, 2024

Uncaught TypeError: _react2.default.unmountComponentAtNode is not a function

from react-infinity-menu.

Comments (4)

tiansijie commented on July 20, 2024

Without seeing the code it's hard to know what causing the problem

from react-infinity-menu.

ferpintado commented on July 20, 2024

Here u go.

This is my children component

import React from 'react';
import FontIcon from 'react-md/lib/FontIcons';
import ToolTip from 'react-portal-tooltip';

export default class ListService extends React.Component {

state = {
isTooltipActive: false,
toolTipParent: ""
}

componentWillMount() {
this.setState({
toolTipParent: "#" + this.getTooltipID()
})
}

getTooltipID = () => {
var id = "toolTip_" + this.props.data.id;
return id;
}

render() {

let style = {
  style: {
    margin: "auto",
    width: "90%",
    maxWidth: "220px",
    left: 0,
    right:0
  },
  arrowStyle: {
    color: '#ffffff'
  }
}

return (
  <div>
    <ToolTip active={this.state.isTooltipActive} position="top" arrow="right" parent={this.state.toolTipParent} style={style}>
        <div>
            <p>This is the content of the tooltip {this.getTooltipID()}</p>
            <img src="image.png"/>
        </div>
    </ToolTip>
    <div className="ServiceMenuService" onClick={this.props.onClick} >

        <span className="ServiceTitle">{this.props.name}</span>
        <FontIcon 
          id={this.getTooltipID()} 
          onClick={()=>this.setState({isTooltipActive: !this.state.isTooltipActive})}
        >info_outline</FontIcon>        
    </div>
  </div>

);

}
}

from react-infinity-menu.