在范围滑​​块上显示工具提示的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。