微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。