только нужно в onChange положить результат вызова, который возвращает функцию onChange={onChange(index)} const onChange = useCallback((index) => (event) => {...}) иначе в твоём примере мемоизация не сработает так как функция будет каждый раз новая
@@СергейЦветов-н4н откуда такая уверенность ?🤔 ЗЫ: код предложен был выше и он работает я лишь дополнил его мемоизацией в рамках темы из ролика (единственный момент нужно в useCallback обернуть внутреннюю функцию чтобы сработала мемоизация) const onChange = (index) => useCallback( (e) => setValue((prev) => [ ...prev.slice(0, index), e.target.value, ...prev.slice(index + 1), ]), [] ); ЗЫЗЫ: ютуб удаляет ссылки на codesandbox так что предлагаю тебе самому попробовать) ЗЫЗЫЗЫ: про пропсы что ты написал не понял) суть предложенного кода была в том чтобы избавится от лишнего пропса и дата атрибута Ответить
Канал в телеграме с полезным контентом
➡Telegram t.me/frontend_blog_tg
Хорошее видео, лаконично
Спасибо, хороший ролик с приминением на практике!
Лаконично просто и понятно, спасибо!
Спасибо корото четка и ясно !
Божеееееееееееееее это просто 8 минут настоящего контента. Респект!
спасибо, полезно
ну на самом деле информации по profiler очень мало, тема раскрыта процентов на 20% от силы.
Что если воспользоваться делегированием событий?
mersi
а не проще просто
const onChange = (e, index) => {...}
...
onChange(e, index)} />
?
а вообще лайк конечно)
тоже так подумал, зачем лишний раз дата атрибут дергать, когда можно просто в аргументы передать индекс)
только нужно в onChange положить результат вызова, который возвращает функцию onChange={onChange(index)}
const onChange = useCallback((index) => (event) => {...}) иначе в твоём примере мемоизация не сработает так как функция будет каждый раз новая
@@vsoko_dormeh твой пример не заработает) тогда в пропсы надо передавать index и оттуда передавать в аргументах индексы
@@СергейЦветов-н4н откуда такая уверенность ?🤔
ЗЫ: код предложен был выше и он работает я лишь дополнил его мемоизацией в рамках темы из ролика
(единственный момент нужно в useCallback обернуть внутреннюю функцию чтобы сработала мемоизация)
const onChange = (index) =>
useCallback(
(e) =>
setValue((prev) => [
...prev.slice(0, index),
e.target.value,
...prev.slice(index + 1),
]),
[]
);
ЗЫЗЫ: ютуб удаляет ссылки на codesandbox так что предлагаю тебе самому попробовать)
ЗЫЗЫЗЫ: про пропсы что ты написал не понял) суть предложенного кода была в том чтобы избавится от лишнего пропса и дата атрибута
Ответить
хто 1 дезлайк поставил презнавайтесь