Привет всем, столкнулся с проблемой и вообще не понимаю в чем причина. У меня есть стэйт редакса в который я кладу данные из запроса - invoices
На странице я хочу показать в консоли данные

useEffect(() => {
 console.log(invoices)
}, [invoices])

И консоль отрабатывает только один раз с undefined, но если я вынесу консоль лог из useEffect, то она отработает и тогда когда появится массив вместо undefined, не могу понять в чем проблема

Привет всем, столкнулся с проблемой и вообще не понимаю в чем причина. У меня есть стэйт редакса в который я кладу данные из запроса - invoices
На странице я хочу показать в консоли данные

useEffect(() => {
 console.log(invoices)
}, [invoices])

И консоль отрабатывает только один раз с undefined, но если я вынесу консоль лог из useEffect, то она отработает и тогда когда появится массив вместо undefined, не могу понять в чем проблема

может быть вы мутируете стейт? Без кода не понять

Тогда бы не было 2 рендера по идее

Так может рендеры приходят еще откуда-то

Так может рендеры приходят еще откуда-то

Но смутировать из undefined во что то нельзя, так что эффект бы срабатывал

Я уже пробовал перезапускать редактор даже

```
interface CustomProps {
t: any,
invoices?: any
}

function PendingList({t, invoices}:CustomProps) {
const dispatch = useDispatch()

useEffect(() => {
 dispatch(getInvoices(4, 0))
}, [dispatch])

useEffect(() => {
 consoleconsole.log(invoices)
}, [invoices])


return(
 <div className="dashboard">
 
 </div>
)
}

const mapStateToProps = (state:RootState) => {
return {
 invoices: state.invoices.invoices.data
}
}

export default connectconnect(mapStateToProps, null)(PendingList)
```

Прошу совета. Диспатчу экшн в useEffect, получаю стейт и передаю в List. В браузере  перехожу по роуту на другую тсраницу, позвращаюсь обратно в Shop и опять useEffect запускает экшн и диспатчит эще раз и у меня дублируются елементы на странице. Как правильно избежать этого?

а что это за await dispatch()?

Прошу совета. Диспатчу экшн в useEffect, получаю стейт и передаю в List. В браузере  перехожу по роуту на другую тсраницу, позвращаюсь обратно в Shop и опять useEffect запускает экшн и диспатчит эще раз и у меня дублируются елементы на странице. Как правильно избежать этого?

а что это за await dispatch()?

и зачем в зависимостях [dispatch] ?

dispatch возвращает то что в него передано, если это thunk то он вернет promise

dispatch возвращает то что в него передано, если это thunk то он вернет promise