如何在材质 ui 滑块中的标签悬停时获取工具提示

如何解决如何在材质 ui 滑块中的标签悬停时获取工具提示

我正在尝试创建一个滑块测验，我想要的是将工具提示悬停在滑块上的标签上

现在，当我将鼠标悬停在拇指上并将其悬停在鼠标位置时，我可以看到工具提示 这是图片

鼠标表示我的红色M

我想在鼠标位于其他值时显示工具提示

当拇指和鼠标在同一点上时，工具点可见

这是我如何使用它的代码

<PrettoSlider1     
      ValueLabelComponent={ValueLabelComponent2}
/>

 const ValueLabelComponent2 = (props) => {
    const { children,value } = props;
    if (value === 0) {
      return (
        <Tooltip placement="top" title={"Strongly disagree"}>
          {children}
        </Tooltip>
      );
    } else if (value <= 1) {
      return (
        <Tooltip placement="top" title={"disagree"}>
          {children}
        </Tooltip>
      );
    } else if (value <= 2) {
      return (
        <Tooltip placement="top" title={"Neutral"}>
          {children}
        </Tooltip>
      );
    } else if (value <= 3) {
      return (
        <Tooltip placement="top" title={"Agree"}>
          {children}
        </Tooltip>
      );
    } else if (value <= 4) {
      return (
        <Tooltip placement="top" title={"Strongly agree"}>
          {children}
        </Tooltip>
      );
    } else {
      return (
        <Tooltip placement="top" title={""}>
          {children}
        </Tooltip>
      );
    }
  };

是否有可能如果我像第二张图片那样悬停，我可以在没有拇指的情况下获得工具提示