Size: a a a

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

2021 January 09

A

Alexey in React — русскоговорящее сообщество
Arch Gear
UseEffect так и работает
Как ни странно, может быть я что-то не так делаю, но при использовании useEffect остальные переменные, объявленные в компоненте (в том числе и стейт) читаются, однако т.к эти данных, используемых в стейте, ещё нет, то лезет ошибка. @tns2ool
источник

A

Alexey in React — русскоговорящее сообщество
Суть в том, что мне необходимо при загрузке страницы сделать запрос к api чтоб получить данные, закинуть их в стор и отрисовать компонент с этими данными
источник

NT

Nikita Titov in React — русскоговорящее сообщество
ну изучи хук useEffect
я не буду пересказывать доку
источник

AG

Arch Gear in React — русскоговорящее сообщество
Alexey
Как ни странно, может быть я что-то не так делаю, но при использовании useEffect остальные переменные, объявленные в компоненте (в том числе и стейт) читаются, однако т.к эти данных, используемых в стейте, ещё нет, то лезет ошибка. @tns2ool
Обычно делаю так
{data && <Componenent>}
{loading && <loader>}
Или тернарным оператором
источник

АР

Андрей Рудин... in React — русскоговорящее сообщество
кто нибудь вообще так пишет? ))) эту чистую архитектуру все проповедуют, но блин.
источник

AG

Arch Gear in React — русскоговорящее сообщество
Андрей Рудин
кто нибудь вообще так пишет? ))) эту чистую архитектуру все проповедуют, но блин.
Та нет понятное дело,это over engineering. Тут просто некоторые товарищи говорят что редакс-плохо, как раз вспомнил что вчера про альтернативу такую вот читал
источник

A

Alexey in React — русскоговорящее сообщество
Arch Gear
Обычно делаю так
{data && <Componenent>}
{loading && <loader>}
Или тернарным оператором
Это тоже понятно. Проблема в том, что в самом коде компонента я объявляю поля стейта, которые используют данные с сервера. При монтировании компонента, когда код читается в этом месте лезет ошибка, т.к нет данных с сервера на этот момент
источник

A

Alexey in React — русскоговорящее сообщество
Nikita Titov
ну изучи хук useEffect
я не буду пересказывать доку
Ок спасибо
источник

NT

Nikita Titov in React — русскоговорящее сообщество
Alexey
Это тоже понятно. Проблема в том, что в самом коде компонента я объявляю поля стейта, которые используют данные с сервера. При монтировании компонента, когда код читается в этом месте лезет ошибка, т.к нет данных с сервера на этот момент
у view компонента не должно быть никаких полей
источник

AG

Arch Gear in React — русскоговорящее сообщество
Alexey
Это тоже понятно. Проблема в том, что в самом коде компонента я объявляю поля стейта, которые используют данные с сервера. При монтировании компонента, когда код читается в этом месте лезет ошибка, т.к нет данных с сервера на этот момент
Проблема в том что надо показать код а не абстрактно описывать проблему требующуюю конкретного решения, но офенс
источник

A

Alexey in React — русскоговорящее сообщество
Arch Gear
Проблема в том что надо показать код а не абстрактно описывать проблему требующуюю конкретного решения, но офенс
Ок
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Arch Gear
Та нет понятное дело,это over engineering. Тут просто некоторые товарищи говорят что редакс-плохо, как раз вспомнил что вчера про альтернативу такую вот читал
Так себе архитектура, особенно там где идет конект с реактом
источник

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество
Ребят, подскажите логику открытий/закрытий модального окна.

Когда модальное окно открыто, появляется затемнённая плажка и по центру белый блок в которой и находится контент.

При нажатии на кнопку в компоненте, должно открываться модальное окно. А закрываться оно должно нажатием на эту затемнённую плажку.

Модальное окно и компонент, в котором оно открывается находятся в разных файлах.
источник

AG

Arch Gear in React — русскоговорящее сообщество
Тимофей 🛴
Так себе архитектура, особенно там где идет конект с реактом
Редакс или в статье?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Arch Gear
Редакс или в статье?
В статье
источник

AG

Arch Gear in React — русскоговорящее сообщество
Тимофей 🛴
В статье
А в чем именно недостаток?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Arch Gear
А в чем именно недостаток?
В том что нет никакого управления состоянием. Просто сущности onChange => setState, выглядит очень не гибко. Но я не буду сразу говорить это говнище не вникая глубоко, но я выбираю другие подходы
источник

А

Александр in React — русскоговорящее сообщество
Тимофей 🛴
Так себе архитектура, особенно там где идет конект с реактом
У реакт разработчиков к сожалению очень част проблемы с архитектурой
источник

V

Vlad in React — русскоговорящее сообщество
☬ Sᴀʏᴅᴜʟʟᴏ ツ
Ребят, подскажите логику открытий/закрытий модального окна.

Когда модальное окно открыто, появляется затемнённая плажка и по центру белый блок в которой и находится контент.

При нажатии на кнопку в компоненте, должно открываться модальное окно. А закрываться оно должно нажатием на эту затемнённую плажку.

Модальное окно и компонент, в котором оно открывается находятся в разных файлах.
ну импортируешь модалку в компонент, в котором она должна юзаться и ставишь условие
источник

V

Vlad in React — русскоговорящее сообщество
еще круто будет если модалку обернешь в портал, чтобы не было проблем с position relative и z-index
источник