代码之家  ›  专栏  ›  技术社区  ›  maxx777 Syed Shoaib Abidi

React在范围滑块上显示工具提示的方式是什么?[已关闭]

  •  2
  • maxx777 Syed Shoaib Abidi  · 技术社区  · 9 年前

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

    我知道可以使用 jQuery 插件,但我想避免使用插件。首选纯React+HTML+CSS。可以使用Javascript/jQuery,但需要避免使用插件。

    1 回复  |  直到 9 年前
        1
  •  4
  •   Deepak    9 年前
    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 .