@react_js - страница 475 - Telegram web archive

Всем привет. Почему на ванильном JS в функцию обработчика события в качестве this передаётся элемент, а в react, без привязки контекста, в качестве this передаётся undefined? Это особенность react или я не понимаю как работает JS?

Vova

всем привет такая ситуация: кастомный хук() - функци я в которой есть юзефект просто юзЕфект() второй как то не правильно работает, но если поместить второй в функцию, то все норм. Чет не понимаю почему так

Eugene

подскажите, в mui есть табы с иконками, но иконка всегда над текстом, как сделать текст и иконку в один ряд?

Maksim

всем привет такая ситуация: кастомный хук() - функци я в которой есть юзефект просто юзЕфект() второй как то не правильно работает, но если поместить второй в функцию, то все норм. Чет не понимаю почему так

код-то есть?

Vova

так норм

Vova

так плохо

Cenator 🐈

Всем привет. Почему на ванильном JS в функцию обработчика события в качестве this передаётся элемент, а в react, без привязки контекста, в качестве this передаётся undefined? Это особенность react или я не понимаю как работает JS?

Особенность реакта

Maksim

так плохо

ну там же в массиве должно быть тоже props.fetchForecastData

Vova

мне почему то еще и пропс подставляються

Vova

и получаеться цыкл вызовов

Vova

если деструктуризировать пропсы вс норм

Eugene

подскажите, в mui есть табы с иконками, но иконка всегда над текстом, как сделать текст и иконку в один ряд?

Maksim

и получаеться цыкл вызовов

какой цикл?

Maksim

мне почему то еще и пропс подставляються

не подставляй

Vova

не подставляй

lint сам пропс тулит

Vova

какой цикл?

fetchForecastsData вызываеться каждую секунду

Maksim

lint сам пропс тулит

ну тогда у тебя фетч будет на любое изменение пропсов

Vova

если так [props, props.fetchForecastsData]

Vova

а как в линте такое отключить?

Maksim

lint его туда фигачит потому что тупо видит в теле useEffect

Tolych

В документации по реакту написано как юзать useEffect, в массив загоняешь что будешь отслеживать, а в теле обьявляешь функцию которая будет использовать эти пропсы

Tolych

У них есть там пример как правильнее использовать

Artyon

Ребят привет, вопрос по поводу функциональных компонентов. Есть ли смысл в них определять функции? Или для этих целей лучше обратиться к классам? Боюсь просто за просадки по производительности из-за того что каждый перерендер будет заново в память записываться те функции что я объявил внутри функционального компонента

Александр

Ребят привет, вопрос по поводу функциональных компонентов. Есть ли смысл в них определять функции? Или для этих целей лучше обратиться к классам? Боюсь просто за просадки по производительности из-за того что каждый перерендер будет заново в память записываться те функции что я объявил внутри функционального компонента

Не бойтесь не будет просадок. Для функций передаваемых как props ниже, есть useCallback

Александр

Ребят привет, вопрос по поводу функциональных компонентов. Есть ли смысл в них определять функции? Или для этих целей лучше обратиться к классам? Боюсь просто за просадки по производительности из-за того что каждый перерендер будет заново в память записываться те функции что я объявил внутри функционального компонента

Про создание новых функций каждый раз можно вообще не беспокоится, в современных движках это не проблема. А проблема ререндера нижележащих компонентов решается как выше писал через useCallback

i

всем привет, а диспач сразу проводит действие с хранилищем? ну то есть если у меня в коде компонента стоит сначала вызов ф-ции которая внедряет в хранилище переменную, а потом идёт аджакс запрос, то ведь до аджакса будет произведено действие с хранилищем?

Александр

всем привет, а диспач сразу проводит действие с хранилищем? ну то есть если у меня в коде компонента стоит сначала вызов ф-ции которая внедряет в хранилище переменную, а потом идёт аджакс запрос, то ведь до аджакса будет произведено действие с хранилищем?

Какой диспатч?

Александр

useDispatch или redux dispatch

i

отправка экшена

i

redux dispatch

Александр

redux dispatch

Он со стейтом ничего не делает

i

ну потом-то идёт обраобтка экшена

i

сразу

Александр

Ни сразу ни после, это не задача dispatch, он лишь диспатчит акшэн

i

экшена отправляется редюсер, там уже меняется стейт по данным экшена

i

экшена в редюсер*

Александр

Зависит от миддлеварей которые у вас навешаны

Александр

Может в принципе и вообще не дойти до редьюсера

Александр

Вопрос бы уточнить

i

у меня пока нет мидлов

Александр

всем привет, а диспач сразу проводит действие с хранилищем? ну то есть если у меня в коде компонента стоит сначала вызов ф-ции которая внедряет в хранилище переменную, а потом идёт аджакс запрос, то ведь до аджакса будет произведено действие с хранилищем?

Вы до запроса делаете dispatch actionа какого-то ?

i

нет

Александр

Тогда не понял вашего вопроса , что значит внедряет в хранилище ? Вы в курсе что в редуксе вы не должны руками изменять стейт в сторе?

Александр

Только через редюсер, который в свою очередь отработать может только в ответ на актион

i

минутку

Kalebra

помогите подключить withRouter в тапскрипте. никак не получается

Kalebra

Cenator 🐈

помогите подключить withRouter в тапскрипте. никак не получается

@ts_ru

Mikhail

Всем привет! Вот есть у меня родительский компонент, внутри которого лежат дочерние компоненты. В родителе изменяю состояние через setState(). После этого у всех вложенных компонентов вызывается цепочка методов shouldComponentUpdate, componentWillUpdate и т.д. Почему эти методы дёргаются даже у тех детей, props которых никак не затронуты изменением в state родителя?

Mikhail

Сделал демо моей проблемы. Вопрос, который меня беспокоит в строчках 29 и 30. https://jsfiddle.net/98b6cq5t/22/

Vitalii

#question подскажите как правильно работать со скролом в реакте? Если это вообще относится к реакту. window.addEventListener("scroll", fn) почему то не работает. Пробовал и document и document.body и конкретный DOM элемент - не срабатывает хэндлер