如何解决ReactJS 输入范围错误无法在被动事件侦听器调用中阻止默认
我正在为我的 React 应用程序使用 react-input-range。它适用于大视图(PC、桌面)。但是在移动/平板电脑视图上,当我移动或触摸输入范围的 2 个边缘点开始/结束时,它显示错误“无法防止被动事件侦听器调用中的默认值”。当我寻找解决方案将近一周但没有任何效果时,我将不胜感激。这个问题只发生在 Chrome 白色其他浏览器上是完全没问题的。我尝试添加 CSS touch-action:none 但没有帮助。
反应输入范围:https://www.npmjs.com/package/react-input-range
我使用 react-input-range 的组件:
import React from "react";
import InputRange from "react-input-range";
import 'react-input-range/lib/css/index.css';
import "./Slider.css"
class Slider extends React.Component {
onChange = range => {
this.props.onChange({
type: this.props.data.label,value: range
});
}
render() {
const { min,max,step,value,label } = this.props.data;
return (
<div className="slider">
<label>{label}</label>
<InputRange
minValue={min}
maxValue={max}
step={step}
onChange={this.onChange}
value={value}
/>
</div>
)
}
}
export default Slider;
非常感谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。