В
прочитай про useCallback в общем, ты не прав
да и собственно вопрос не в этом
Size: a a a
2021 February 08
К
Вадим
в чем я ошибаюсь?
я написал выше, почитай доку теперь)
К
Вадим
да и собственно вопрос не в этом
на будущее
О
ты нетворк мокаешь? внутри санки, если там делается реальный реквест на бек, то он может не успевать завершиться
как всё сложно то) мокаю axios.
RU
как всё сложно то) мокаю axios.
ну тогда возможн ты "не то мокаешь" ну то есть кнопка может действительно не появляется
О
ну тогда возможн ты "не то мокаешь" ну то есть кнопка может действительно не появляется
ок. спасибо. в принципе помог понять лучше
RU
ок. спасибо. в принципе помог понять лучше
в целом идеология rtl - делай проверки на то, что видит пользователь, а не на то, как у тебя реализован компонент
О
ну тогда возможн ты "не то мокаешь" ну то есть кнопка может действительно не появляется
тогда зачем в примерах RTL показывают мок бэка через msw если в этом всё равно нет смысла?
RU
тогда зачем в примерах RTL показывают мок бэка через msw если в этом всё равно нет смысла?
чотакое msw?
В
так ты на каждый rerender вызываешь useCallback и создаешь новую ссылку
не создаю каждый раз новую - на самом деле в реальном коде там есть зависимости
К
Вадим
не создаю каждый раз новую - на самом деле в реальном коде там есть зависимости
зависимости не освобождают от пересоздания, другое дело useEffect
RU
тогда зачем в примерах RTL показывают мок бэка через msw если в этом всё равно нет смысла?
какие-то странные экзамплы если честно. Кент всегда говорил "юзайте findBy", даже линтер есть, чтоб не писали waitFor(getBy
О
какие-то странные экзамплы если честно. Кент всегда говорил "юзайте findBy", даже линтер есть, чтоб не писали waitFor(getBy
понял. спасибо Роман
RU
понял. спасибо Роман
но в целом относительно мокания все ок
если у тебя чтото не сходится - развешивай console.log: в санке до и после вызова, в компоненте на ререндер и в тестах
если у тебя чтото не сходится - развешивай console.log: в санке до и после вызова, в компоненте на ререндер и в тестах
screen.debug()В
В
так ты на каждый rerender вызываешь useCallback и создаешь новую ссылку
"Как работает useCallback hook?
Этот hook возвращает закешированную функцию (то есть ссылка не изменяется от рендера к рендеру).
Помимо функции, которую нужно кешировать, в нее передан второй аргумент — пустой массив.
Этот массив позволяет передать список полей, при изменении которых необходимо изменить функцию, т.е. вернуть новую ссылку."
Этот hook возвращает закешированную функцию (то есть ссылка не изменяется от рендера к рендеру).
Помимо функции, которую нужно кешировать, в нее передан второй аргумент — пустой массив.
Этот массив позволяет передать список полей, при изменении которых необходимо изменить функцию, т.е. вернуть новую ссылку."
К
Вадим
"Как работает useCallback hook?
Этот hook возвращает закешированную функцию (то есть ссылка не изменяется от рендера к рендеру).
Помимо функции, которую нужно кешировать, в нее передан второй аргумент — пустой массив.
Этот массив позволяет передать список полей, при изменении которых необходимо изменить функцию, т.е. вернуть новую ссылку."
Этот hook возвращает закешированную функцию (то есть ссылка не изменяется от рендера к рендеру).
Помимо функции, которую нужно кешировать, в нее передан второй аргумент — пустой массив.
Этот массив позволяет передать список полей, при изменении которых необходимо изменить функцию, т.е. вернуть новую ссылку."
это же не дока
В
это же не дока
useCallback
const memoizedCallback = useCallback(
() => {
doSomething(a, b);
},
[a, b],
);
Возвращает мемоизированный колбэк.
const memoizedCallback = useCallback(
() => {
doSomething(a, b);
},
[a, b],
);
Возвращает мемоизированный колбэк.
К
Вадим
useCallback
const memoizedCallback = useCallback(
() => {
doSomething(a, b);
},
[a, b],
);
Возвращает мемоизированный колбэк.
const memoizedCallback = useCallback(
() => {
doSomething(a, b);
},
[a, b],
);
Возвращает мемоизированный колбэк.
Это полезно при передаче колбэков оптимизированным дочерним компонентам, которые полагаются на равенство ссылок для предотвращения ненужных рендеров (например, shouldComponentUpdate).