如何解决材质UI React Slider组件无法在移动设备上运行
我一直试图将Slider组件添加到react项目中。功能方面,它的工作正常,但是我遇到了两个无法解决的问题
- 滑块的更改值不平滑。拖动无法正常工作,只是将其拖动到最接近的值然后停止。
- 在移动设备上,更糟糕的是,根本没有拖动,我必须点击确切的位置才能移动滑块。
我确实发现了问题,我使用的是onChange,所以当我删除它时,它的工作原理与示例完全相同。但是我需要更新父组件的状态,因此添加了第18行,但随后又出现了相同的问题。我先删除了第18行,然后所有这些都解决了,但我需要第18行来调用父组件的函数,以更新其状态变量。
这是我的代码的要点 https://gist.github.com/kapiljhajhria/0e9beda641d561ef4448abf9195dbcca
echo 'set -g mouse on' >> "~/.tmux.conf"
解决方法
在问题上花了2天的时间后,创建了一个示例项目,尝试重新创建问题,事实证明这很简单。 父组件具有一个FORM,我用于该表单的密钥是
Date().getTime()
这就是导致滑块出现问题的原因。我的猜测是,随着滑块值的每次更改,它都将重新构建整个表单。这使得滑块UI的行为方式如此。使用适当的密钥可以解决此问题。我现在在两个关键值之间切换。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。