Овермайнд и эффектор

Этот вопрос поставил меня в тупик, так как у меня очень маленький опыт работы с реактом. Наверное глупый ответ, но хранить стейт в компоненте. Чем это в итоге черевато и почему это ужасно?

Подскажите пожалуйста, как в функциональном компоненте можно асинхронно размонтировать компонент (componentWillUnmount) ? Например, что бы сначала сработал таймер на 5 сек, и только после него выполнился анмаутинг

это хук, а не размонтирование

Я приблизительно понимаю, что это должно работать как-то так

useEffect(() => {
        return async () => {
            await setTimeout(() => {
                console.log('Hello, World!');
            }, 5000);
        };
    }, []);

Но у меня сначала анмаунтинг происходит, а потом, через 5 сек выводит сообщение в консоль

ну, перед анмаунтом срабатывает хук, который откладывает таймаут, через 5 секунд лог

Под анмаунтингом я подразумеваю выполнение асинхронного кода перед переходом на другую страницу (через react-router). Я хочу что бы при клике на ссылку с другой страницей, у меня сначала срабатывал асинхронный код, и только потом выполнялся переход на другую страницу

так это у роутера хуки должны быть, наверное
я не помню уже, давно не пользовался

asyncFn().then(() => history.push(“path”));

Спасибо, вроде бы работает

🤝

Есть еще кто живой в 3 ночи?

Есть

Подскажите, почему отображаются не все заголовки в ответе?
Использую библиотеку request для запросов
Достаю вот так response.headers['x-mbx-used-weight-1m']
Но ничего не получаю, хотя в ответе он есть

Смотрю через инструменты разработи, заголовки приходят
Проверяю через console.log(response.headers), здесь только часть отображается

.net или go?

go🌚

Как сделать правильно, чтобы соблюдались принципы DRY SOLID и тому подобное? Имеем табличку, в ней может быть разное количество столбцов. Данные в столбцах могут быть по разному отформатированы. Может отличаться шрифт, цвет, размер и т. д. от столбца к столбцу. В каких то таблицах может быть аккордеон на рядах, по нажатию стрелочки количество данных увеличивается. В связи с чем вопрос, как правильно организовать компонент, так чтобы на вход подавать ему только данные и инструкции по их размещению. Как лучше сделать верстку использовать гриды или флекс ?

подскажите как связать стиль и размер шрифта который приходит через пропс