javascript - 在 React 中禁用 `<input type=number>` 上的滚动

Question

之前有人问过这个问题，但提供的解决方案仅适用于 jQuery ，因为我在 ReactJs 中面临同样的问题。
是否可以禁用滚轮更改输入数字字段中的数字？我使用 CSS 删除了微调器箭头，但鼠标滚轮仍在工作并弄乱了功能。
我要输入类型number因为它在移动/触摸设备上提供数字键盘。

Answer 1

最简单的答案:

<input type="number" onWheel={(e) => e.target.blur()} />

e是 event 的缩写.
这也有效:

<input type="number" onWheel={() => document.activeElement.blur()} />

这些中的任何一个都可以在 中使用。功能 或在 类(class) 零件。