我无法在 TextField 中输入输入,该输入循环覆盖在反应状态下存在的数组上。
请按照代码沙盒网址查看代码。您可以在不输入任何输入的情况下继续第一页,因为我在代码级别为方便起见进行了处理。
代码沙盒网址
看起来react-draggable
导致它。
当我尝试专注于您的输入时,我注意到了这一点,并在正文中添加了一类react-draggable
。
尝试enableUserSelectHack
组件Draggable
上添加 prop 并将其设置为false,看看这是否能解决您的问题。似乎是一个已知问题。
<Draggable enableUserSelectHack={false} ...
现在只需以这种方式使用输入类设置属性cancel
就足够了:
<Draggable cancel=".class-of-input">
如果它的目的是几个元素单击或焦点交互,那么:
<Draggable cancel=".class-first, .class-second, ...">