Отключить прокрутку на ` `в React

Question

Этот вопрос задавался ранее, но предоставленное решение предназначено только для jQuery, поскольку я столкнулся с той же проблемой в ReactJs.

Можно ли отключить колесо прокрутки, изменяя число во входных данных числовое поле? Я удалил стрелки счетчика, используя CSS, но колесо мыши все еще работает и нарушает функциональность.

Мне нужен тип ввода number, потому что он дает клавиатуру numeri c на мобильных / сенсорных устройствах.

Answer 1

В реакционной версии вы должны использовать исх. Взгляните на пример ниже:

import React, { Component, createRef } from "react";

class MyInput extends Component {
  constructor(props) {
    super(props);
    this.inputRef = createRef();
  }

  onWheel = () => {
    this.inputRef.current.blur();
  };

  render() {
    return (
      <div>
        My input number :
        <input type="number" ref={this.inputRef} onWheel={this.onWheel} />
      </div>
    );
  }
}

export default MyInput;

коды и ящик здесь