Javascript 向禁用的下拉列表添加工具提示。切换

如果未禁用

下拉菜单。切换

，则工具提示有效。当

下拉列表中。Toggle

具有类

.disabled {
     pointer-events: none;
}.

工具提示不起作用。 我正在使用库：

react引导程序

和

react工具提示

例如：

---

您可以直接检查状态属性（

已禁用

）当使用

下拉菜单上的
onClick
事件调用特定函数时。
指针事件：无
禁用所有鼠标事件，因此我们无法看到
工具提示
，因为工具提示主要是在
悬停在
按钮上时触发的，因为
悬停
是无效的也是鼠标中的一种事件，不触发任何事件
.
您可以直接检查状态属性（
已禁用
）当使用
下拉菜单上的
onClick
事件调用特定函数时。
指针事件：无
禁用所有鼠标事件，因此我们无法看到
工具提示
，因为工具提示主要是在
悬停在
按钮上时触发的，因为
悬停
是无效的也是鼠标中的一种事件，不触发任何事件
.
我没有看到任何工具提示您知道吗？请看一下关于
指针事件的解释：无
我没有看到任何工具提示您知道吗？请仔细阅读关于
指针事件的说明：无
class App extends Component {
  constructor() {
    super();
    this.state = {
      disabled: true
    };
  }

  render() {
    return (
      <Dropdown className = {`${this.state.disabled  ? 'disabled' :     null}`} onClick={this.checkStatus}>
        <Dropdown.Toggle  data-tip="hello world" variant="success" id="dropdown-basic">
            Change status
        <ReactTooltip/>
        </Dropdown.Toggle>
        <Dropdown.Menu >
            <Dropdown.Item>AAAAAAA</Dropdown.Item>
        </Dropdown.Menu>
      </Dropdown>
    );
  }
}

.disabled {
    pointer-events: none; 
}