html - 在范围 slider 上显示工具提示的 React 方式是什么？

Question

什么是 ReactJS将输入类型范围的当前值显示为 slider 拇指上的工具提示。

我知道可以使用 jQuery 来完成插件，但我想避免使用插件。纯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} />;
    }
});

您可以执行与上面类似的操作。 fiddle here .