#javascript #reactjs #draggable
Вопрос:
У меня есть приложение React/Redux с поиском для фильтрации некоторых перетаскиваемых элементов.
Использование https://www.npmjs.com/package/react-draggable
Обновление поискового запроса добавляет фильтр в функцию фильтра с помощью Redux, useSelector и т. Д.
<Search>
<Items>
{
items.filter(filter).map(item => <Draggable ... />)
}
</Items>
Они находятся в отдельных компонентах. Я могу набрать 2 буквы, прежде чем потеряю фокус на вводе. Я пробовал автофокусировку, у всего есть ключ и т. Д.
Если я не использую Перетаскиваемый, я не теряю фокус.
Как я могу использовать перетаскиваемые элементы, сохраняя при этом возможность сосредоточиться на вводе?