可以使用提供工具提示菜单的库。例如https://justinrhodes1.github.io/react-power-tooltip/

您可以使用react-power-tooltip。用途：
1.从Npm $ npm install react-power-tooltip --save安装
1.导入到项目import Tooltip from 'react-power-tooltip'
1.向封闭目标组件添加悬停状态&鼠标事件处理程序

class Test extends Component {
  state = {
    show: false
  }

  showTooltip = bool => {
    this.setState({ show: bool })
  }

  render() {
    return (
      {/* Target element position needs to be RELATIVE */}
      <div 
        style={{ position: 'relative' }}
        onMouseOver={() => this.showTooltip(true)} 
        onMouseLeave={() => this.showTooltip(false)}>

          {/* ADD TOOLTIP HERE */}

        </div>
    );
  }
}
export default Test;

1.在目标元素中添加工具提示

{/* Add options/text via span elements */}
<Tooltip show={this.state.show}>
  <span>Some text</span>
</Tooltip>

更多信息：https://justinrhodes1.github.io/react-power-tooltip/