A
Size: a a a
2021 May 31
A
А получение данных и вообще весь код для работы именно с данными вынес бы в касмтомный хук
A
Чтобы компонента просто получала через хук статус загрузки, ошибку и данные
A
В итоге у тебя в компоненте из реализации будет только вызов хука и получение переменных от нее. Все детали того, где ты получаешь данные, как ты их обрабатываешь и тд все переезжает в касмтомный хук
A
A
Типа так
テ
Было бы отлично деструкторизировать приходящие данные из селектора. Типа const {loading, failed, resume} = useSelector(четатам).
И сделать сначала if(loader) return твой лоадер, потом if (error) return див с еррором и дальше просто ретурн сама компонента
И сделать сначала if(loader) return твой лоадер, потом if (error) return див с еррором и дальше просто ретурн сама компонента
テ
If (loader) return loader
return (
{error ? error : component}
return (
{error ? error : component}
テ
И useEffect просто импортни
A
Спасибо за ваши советы 👍
d
Наоборот хорошо же реализовал action и вызываешь где угодно
A
Хук тоже можно вызвать где угодно. А вот экшн будет менять стору и получится что все компоненты будут брать с нее. Это ок если им реально нужен один и тот же кусок со сторы. В противном случае - хуки имеют свое состояние для каждого компонента
C
И шо ты тут такого жуткого усмотрел в том что в сторе будет что то меняться?
ГФ
Друзья программисты. Подскажите. Нужно в селекте, что бы было по дефолту статус, который приходит с сервера. Не получается назначить значение селекту. Помогите разобраться, пожалуйста.
T
Спасибо
C
Ну в лоб если, то в твоем случае для каждого options прописывать
<option ... selected={statuses[0]===defaultValueFromServer} ...>
<option ... selected={statuses[0]===defaultValueFromServer} ...>
ГФ
не понял запись
C
<option value ={JSON.stringify(statuses[0])} selected={statuses[0]===defaultValueFromServer}> закрыта</option>
<option value ={JSON.stringify(statuses[1])} selected={statuses[1]===defaultValueFromServer}> отложена</option>
Ну и так далее...
<option value ={JSON.stringify(statuses[1])} selected={statuses[1]===defaultValueFromServer}> отложена</option>
Ну и так далее...
ГФ
благодарю, попробую