React Input 焦点丢失,页面上的 React 可拖动

问题描述

我有一个 React/Redux 应用程序,可以搜索过滤一些可拖动的项目。

使用 https://www.npmjs.com/package/react-draggable

更新搜索词通过 Redux 和 useSelector 等向过滤器功能添加过滤器

<Search>
<Items>
 {
  items.filter(filter).map(item => <Draggable ... />)
}
</Items>

它们位于单独的组件中。在失去对输入的关注之前,我可以输入 2 个字母。我试过自动对焦,一切都有一个关键等。

如果我不使用 Draggable,我就不会失去焦点。

如何使用 Draggable 元素同时仍然能够专注于输入?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)