Телеграмм чат группы react

2021 March 12

TP

Taras Postolyuk in React — русскоговорящее сообщество

Хмм, да получше будет название, еще раз спасибо

источник

15:32пожаловаться #1

el

eden lane in React — русскоговорящее сообщество

eden lane

Пытаюсь протестировать с react-testing-library компонент, который использует хук use-countdown-timer. В тесте делаю

act(() => {
  jest.advanceTimersByTime(31000);
});

но таймер в хуке не останавливается, а продолжает работать. Сам компонент на бою работает нормально, таймер останавливается когда надо. Почему-то не работает именно в тестах.
Есть у кого-нибудь идеи почему? Создал issue в библиотеке, но мне кажется, проблема не в ней, а я что-то не так делаю

GitHub

LobsterBandit/use-countdown-timer

React hook exposing a countdown timer with optional expiration reset callbacks - LobsterBandit/use-countdown-timer

бамп

источник

15:33пожаловаться #2

SM

Soltukiev Malik in React — русскоговорящее сообщество

Vladimir Klimov

Всегда старайся придерживаться правила и менять состояние ТОЛЬКО с помощью событий

Я уже понял, что моя задача не выполнима таким способом, ибо initialState создается до запроса еще

источник

15:33пожаловаться #3

MK

Maxim Koylo in React — русскоговорящее сообщество

Soltukiev Malik

Я уже понял, что моя задача не выполнима таким способом, ибо initialState создается до запроса еще

взрослеет птенец😥

источник

15:33пожаловаться #4

MK

Maxim Koylo in React — русскоговорящее сообщество

вот так настанет день и упархает с чатика

источник

15:34пожаловаться #5

SM

Soltukiev Malik in React — русскоговорящее сообщество

Я не подумал о том, что initialState создается до авторизации еще

источник

15:34пожаловаться #6

Е

Евгений in React — русскоговорящее сообщество

Подскажите как решить задачу - есть например компонент, в котором обычный counter и кнопка, которая его увеличивает, а значение сохраняется в стейт компонента. Мне нужно это значение отправлять на сервер, когда юзер покидает эту страницу и компонент дестроится. Пытался засунуть запрос в колбек, который возвращает юзэфект с пустым массивом зависимостей, но там по замыканию сохраняется изначальный пустой стейт

источник

15:36пожаловаться #7

MK

Maxim Koylo in React — русскоговорящее сообщество

Евгений

Подскажите как решить задачу - есть например компонент, в котором обычный counter и кнопка, которая его увеличивает, а значение сохраняется в стейт компонента. Мне нужно это значение отправлять на сервер, когда юзер покидает эту страницу и компонент дестроится. Пытался засунуть запрос в колбек, который возвращает юзэфект с пустым массивом зависимостей, но там по замыканию сохраняется изначальный пустой стейт

создай реф в который при изменении стейта будешь записывать значение в него, и в колебке с юзЭффекта бери значение с этого рефа

источник

15:37пожаловаться #8

Е

Евгений in React — русскоговорящее сообщество

Да, сработало, спасибо. Хотя выглядит необычно, что приходится одно и то же значение хранить и в стейте, и в рефе

источник

15:45пожаловаться #9

MK

Maxim Koylo in React — русскоговорящее сообщество

Евгений

Да, сработало, спасибо. Хотя выглядит необычно, что приходится одно и то же значение хранить и в стейте, и в рефе

можно создать кастомный хук

источник

15:45пожаловаться #10

DG

Denis Gr in React — русскоговорящее сообщество

как можно красиво передать пропсы ребенка, родителю если не через метод useStat-а?

источник

15:52пожаловаться #11

AL

Alexander Lumberjack in React — русскоговорящее сообщество

Евгений

Подскажите как решить задачу - есть например компонент, в котором обычный counter и кнопка, которая его увеличивает, а значение сохраняется в стейт компонента. Мне нужно это значение отправлять на сервер, когда юзер покидает эту страницу и компонент дестроится. Пытался засунуть запрос в колбек, который возвращает юзэфект с пустым массивом зависимостей, но там по замыканию сохраняется изначальный пустой стейт

Юзэффект при демонтировании компонента ждёт функцию. Можешь туда засунуть

источник

15:52пожаловаться #12

VK

Vladimir Klimov in React — русскоговорящее сообщество

Denis Gr

как можно красиво передать пропсы ребенка, родителю если не через метод useStat-а?

Что значит "передать пропсы ребенка родителю"?

источник

15:52пожаловаться #13

DG

Denis Gr in React — русскоговорящее сообщество