在範圍滑​​塊上顯示工具提示的React方式是什麼？

Question

什麼是ReactJS顯示輸入類型範圍上的當前值作爲滑塊的縮略圖上的工具提示。

我知道它可以使用jQuery插件完成，但我想避免使用插件。 Pure React + HTML + CSS是首選。 Javascript/jQuery可以使用，但是插件需要避免。

Answer 1

var InputRange = React.createClass({ 
    getInitialState: function() { 
     return { 
     points: 5 
     }; 
    }, 
    handleChange: function(e) { 
     e.preventDefault(); 
     this.setState({points: e.target.value}); 
    }, 
    render: function() { 
     return <input 
      type="range" 
      name="points" 
      min="0" 
      max="10" 
      title={this.state.points} 
      value={this.state.points} 
      onChange={this.handleChange} />; 
    } 
}); 

你可以做類似上面的事情。小提琴here。