hinzufügen Tooltip für Material-Ui-Schieberegler

Question

Ich verwende Material-Ui-Schieberegler, wollte ich nur wissen, ist ihre beliebige Option zum Hinzufügen von Tooltip im Schieberegler? Ich konnte keine Lösung finden, um es zu suchen. Für ZB:

<Slider 
     min={0} 
     max={100} 
     defaultValue={50} 
     value={this.state.secondSlider} 
     onChange={this.handleSecondSlider} 
     tooltip={this.state.firstSlider} 
    /> 

So dass, wenn der Benutzer den Schieber zieht zeigt es den Wert auf Tooltip. Ich lerne immer noch reagieren. Irgendwelche Vorschläge?

Answer 1

dieses Problem selbst hat, ist hier eine grundlegende Lösung, die ich zusammengestellt, die die Slider-Komponente erweitert, so dass Sie in einem Etikett/Tooltip Element als Stütze passieren, gestylt wie Sie wollen: https://github.com/tariqwest/material-ui-slider-label