Size: a a a

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

2020 July 05

И

Иван in React — русскоговорящее сообщество
Nemesidom in front of you
Думаю, что нет. Недостатки инструмента – это просчёты, это неудачные решения, это несоответствия инструмента накопленному нами опыту решения задач или ситуации. Длинный список. Можно попробовать выцепить какие-то из них и породить даже яркий афоризм, но каким бы забавным, метким он не был, достаточно ёмким он вряд ли будет.

Впрочем, это неудивительно. Недостатки - это порождения энтропии, а не человеческого разума, их не закладывают в дизайн-проект и они не прописаны в стайлгайдах. В лучшем – для любителей ёмких фраз, вроде меня – случае они будут следствием вполне конкретных неудачных решений проектировщиков, но в большинстве своём порождаются они крайне хаотично. А искать обобщения в хаосе дело неблагодарное.
Глубоко
источник

V

Vova in React — русскоговорящее сообщество
Ребят, а как сделать lighten или darken в styled-components?
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Vova
Ребят, а как сделать lighten или darken в styled-components?
тему?
источник

V

Vova in React — русскоговорящее сообщество
ну что-то на подобие
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Vova
ну что-то на подобие
пиши функцию и юзай. у стайледов этого нет
источник

V

Vova in React — русскоговорящее сообщество
Александр Бакиматов
пиши функцию и юзай. у стайледов этого нет
окей, спасибо
источник

I

Ivan in React — русскоговорящее сообщество
Александр Бакиматов
или Collapse свой оберни)
взлетело:) спасибо)
источник

ИМ

Иван Моров in React — русскоговорящее сообщество
Всем привет, подскажите, пожалуйста - никак не догоню.

Есть компонент, юзаю useState и соответственно в нем loading, setLoading

Так же у компонента есть data, setData

есть метод загружающий данные в data

вначале метода загружчика ставлю setLoading(true) в конце setLoading(false) в результате компонент рендерится 4 раза

Метод-загрузчик пихаю в useEffect

Как предотвратить такое поведение и сохранить лоадер?
источник

ИМ

Иван Моров in React — русскоговорящее сообщество
Понимаю что такое поведение в целом логично, но мне не нужен двойной запрос к апи😂
источник

b7

bitman 77 in React — русскоговорящее сообщество
Иван Моров
Всем привет, подскажите, пожалуйста - никак не догоню.

Есть компонент, юзаю useState и соответственно в нем loading, setLoading

Так же у компонента есть data, setData

есть метод загружающий данные в data

вначале метода загружчика ставлю setLoading(true) в конце setLoading(false) в результате компонент рендерится 4 раза

Метод-загрузчик пихаю в useEffect

Как предотвратить такое поведение и сохранить лоадер?
useEffect должен принимать вторым параметром массив аргументов, на изменение которых реагирует. Если ничего не передаёте, он исполняется при каждом рендере.
источник

b7

bitman 77 in React — русскоговорящее сообщество
Иван Моров
Всем привет, подскажите, пожалуйста - никак не догоню.

Есть компонент, юзаю useState и соответственно в нем loading, setLoading

Так же у компонента есть data, setData

есть метод загружающий данные в data

вначале метода загружчика ставлю setLoading(true) в конце setLoading(false) в результате компонент рендерится 4 раза

Метод-загрузчик пихаю в useEffect

Как предотвратить такое поведение и сохранить лоадер?
Ну для загрузчика например [] задавай, тогда будет как ондидмаунт
источник

ИМ

Иван Моров in React — русскоговорящее сообщество
bitman 77
useEffect должен принимать вторым параметром массив аргументов, на изменение которых реагирует. Если ничего не передаёте, он исполняется при каждом рендере.
Получается если мне передать в useEffect [] вторым параметром, он будет работать единожды при инициализации компонента?
источник

b7

bitman 77 in React — русскоговорящее сообщество
Иван Моров
Получается если мне передать в useEffect [] вторым параметром, он будет работать единожды при инициализации компонента?
Да
источник

ИМ

Иван Моров in React — русскоговорящее сообщество
черт, я ведь так и делал, а логгировал не то

спасибо огромное!
источник

b7

bitman 77 in React — русскоговорящее сообщество
Иван Моров
черт, я ведь так и делал, а логгировал не то

спасибо огромное!
🤝
источник

ИМ

Иван Моров in React — русскоговорящее сообщество
однако при этом при компиляции вылетает ошибка  React Hook useEffect has a missing dependency: 'fetchRestaurants'. Either include it or remove the dependency array
источник

ИМ

Иван Моров in React — русскоговорящее сообщество
fetchRestaurants соответственно метод загружающий данные
источник

b7

bitman 77 in React — русскоговорящее сообщество
Иван Моров
однако при этом при компиляции вылетает ошибка  React Hook useEffect has a missing dependency: 'fetchRestaurants'. Either include it or remove the dependency array
С кодом было бы нагляднее
источник

ИМ

Иван Моров in React — русскоговорящее сообщество
bitman 77
С кодом было бы нагляднее
источник

ИМ

Иван Моров in React — русскоговорящее сообщество
осознал, проблему ищу не там
источник