В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

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

12462 membersпожаловаться на группу
2021 January 22

A

Andrew in React — русскоговорящее сообщество
Андрей Негруша
делаю запрос на свой локальный сервер.
Если lists - пустой, значит отрисовать кнопку addALists
Если нет - отрисовать lists
Условный рендеринг + пропсы
Передаёшь в компонент эту штуку
И в рендере самом проверяешь что вернуть
источник
22:57пожаловаться#1

A

Andrew in React — русскоговорящее сообщество
Если есть данные в листе то возвращаешь лист
Иначе кнопка
источник
22:57пожаловаться#2

АН

Андрей Негруша... in React — русскоговорящее сообщество
Максим Патрушев
тебе этот флаг по сути вообще не нужен. Можешь сделать conditional rendering
this.props.boardsList.length === 0 ? <Кнопка />  : <Список />
Было так у меня но получается т.к. thunk - асинхронный на момент выполнения ветвления пропсы всегда пустые
источник
22:58пожаловаться#3

АН

Андрей Негруша... in React — русскоговорящее сообщество
Максим Патрушев
тебе этот флаг по сути вообще не нужен. Можешь сделать conditional rendering
this.props.boardsList.length === 0 ? <Кнопка />  : <Список />
источник
22:58пожаловаться#4

A

Andrew in React — русскоговорящее сообщество
Андрей Негруша
Было так у меня но получается т.к. thunk - асинхронный на момент выполнения ветвления пропсы всегда пустые
Они обновляются если ты передашь новые данные
И после этого вызовут ререндер
источник
22:59пожаловаться#5

МП

Максим Патрушев... in React — русскоговорящее сообщество
Андрей Негруша
Было так у меня но получается т.к. thunk - асинхронный на момент выполнения ветвления пропсы всегда пустые
Когда список придет, тогда компонет обновится
источник
22:59пожаловаться#6

АН

Андрей Негруша... in React — русскоговорящее сообщество
Максим Патрушев
Когда список придет, тогда компонет обновится
Но у меня сейчас есть список.
Я захожу в компонент этот - флаг не изменяется
источник
23:00пожаловаться#7

МП

Максим Патрушев... in React — русскоговорящее сообщество
Андрей Негруша
Было так у меня но получается т.к. thunk - асинхронный на момент выполнения ветвления пропсы всегда пустые
По уму нужно еще лоадер добавить. Поле isLoading туда же, где список. Пока запрос отправляется, показываешь лоадер, ответ пришел - рисуешь кнопку или список
источник
23:00пожаловаться#8

АН

Андрей Негруша... in React — русскоговорящее сообщество
Максим Патрушев
По уму нужно еще лоадер добавить. Поле isLoading туда же, где список. Пока запрос отправляется, показываешь лоадер, ответ пришел - рисуешь кнопку или список
Действительно можно, но просто почему-то у меня не отображается сейчас, хоть и список приходит
источник
23:01пожаловаться#9

МП

Максим Патрушев... in React — русскоговорящее сообщество
Андрей Негруша
Но у меня сейчас есть список.
Я захожу в компонент этот - флаг не изменяется
Еще раз говорю, не нужно для этого флага создавать отдельный локальный стейт
источник
23:01пожаловаться#10

АН

Андрей Негруша... in React — русскоговорящее сообщество
Максим Патрушев
Еще раз говорю, не нужно для этого флага создавать отдельный локальный стейт
Понял, сейчас переделаю
источник
23:01пожаловаться#11

АН

Андрей Негруша... in React — русскоговорящее сообщество
Максим Патрушев
Еще раз говорю, не нужно для этого флага создавать отдельный локальный стейт
Но если отображается кнопка - нужно на нее нажать чтобы появилось окно создания нового lists. Как тогда быть без локального стейта?
источник
23:05пожаловаться#12

SM

Soltukiev Malik in React — русскоговорящее сообщество
Formik или react-hook-form?
источник
23:06пожаловаться#13

SM

Soltukiev Malik in React — русскоговорящее сообщество
что вы юзаете?
источник
23:06пожаловаться#14

NT

Nikita Titov in React — русскоговорящее сообщество
formik
источник
23:06пожаловаться#15

АН

Андрей Негруша... in React — русскоговорящее сообщество
Максим Патрушев
Еще раз говорю, не нужно для этого флага создавать отдельный локальный стейт
источник
23:06пожаловаться#16

V

Vall 🌑 in React — русскоговорящее сообщество
Soltukiev Malik
Formik или react-hook-form?
formik
источник
23:07пожаловаться#17

SM

Soltukiev Malik in React — русскоговорящее сообщество
а вы юзаете компоненты <Field/> <ErrorMessage/> ?
источник
23:08пожаловаться#18

V

Vall 🌑 in React — русскоговорящее сообщество
Soltukiev Malik
а вы юзаете компоненты <Field/> <ErrorMessage/> ?
useFormik
источник
23:08пожаловаться#19

SM

Soltukiev Malik in React — русскоговорящее сообщество
Vall 🌑
useFormik
а почему не компоненты?
источник
23:08пожаловаться#20