无法编辑输入(material-ui & react-draggable)

Unable to edit input (material-ui & react-draggable)

我无法在 TextField 中输入输入,该输入循环遍历处于反应状态的数组。

请按照codesandbox url查看代码。 您可以在不输入任何内容的情况下继续第一页,因为为了方便起见,我已经在代码级别进行了处理。

Code Sandbox URL

看起来是 react-draggable 造成的。

我在尝试关注您的输入时注意到了这一点,正文中添加了 react-draggable 的 class。

尝试在 Draggable 组件上添加 enableUserSelectHack 属性并将其设置为 false,看看是否能解决您的问题。好像是known issue.

<Draggable enableUserSelectHack={false} ...

现在只要用输入 class 设置 属性 cancel 就足够了:

<Draggable cancel=".class-of-input">

如果是针对多个元素点击或焦点交互,则:

<Draggable cancel=".class-first, .class-second, ...">