В кастомном Select компоненте есть массив options, их можно перетаскивать, меняя порядок. Меняется порядок - выплёвывает значения наружу в AntD Form.Item, который в свою очередь передаёт value обратно в компонент.
Т.к. порядок поменялся, приходится искать выбранное через .find, что при большом массиве options будет нехорошо. Как можно улучшить?
useEffect(() => {
if (!value) {
setSelected([]) // снаружи попросили обнулиться
} else {
if (options) {
const arrValue = Array.isArray(value) ? value : [value]
// т.к. порядок options мог измениться, основываемся на порядке снаружи
setSelected(arrValue.map(val => options.find(el => el.value === val)))
}
}
}, [value])
you me neither or me too but the only number i care about is yours
filter попробуй
Это я пробовал. Фильтрация options выдаст начальный порядок, а надо тот который пришёл снаружи. Значит итерация должна быть по values, а возврат - из options
Обсуждают сегодня