Size: a a a

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

2021 March 19

IN

Ig Niubi in React — русскоговорящее сообщество
i saw
источник

a

andr in React — русскоговорящее сообщество
Здравствуйте друзья. Может мне кто-нибудь подсказать. Если я использую redux thunk и в компоненте вызываю dispatch(action), нужно ли мне  делать await при вызове , если внутри action уже есть await, потому что создаётся впечатление, что он обрабатывает следующие функции не дожидаясь окончания запроса в action
источник

a

andr in React — русскоговорящее сообщество
или диспатчи тоже надо оборачивать в async функции
источник

AG

And Grigoryan in React — русскоговорящее сообщество
Внутри action не должен быть  await
источник

AG

And Grigoryan in React — русскоговорящее сообщество
Action тип и payload возвращает только
источник

a

andr in React — русскоговорящее сообщество
return async ( dispatch, getState ) => {
       await dispatch( clearAppError() )
       try {
           const res = await claimInstance.post( '/pin', credentials )
           const response = await res.data
           dispatch( {
               type : auth.REGISTRATION,
               payload : response
           } )
       } catch ( err ) {
           console.log( err.response.data )
           console.log( "REGISTRATION PIN ERROR RESPONSE ", err.response.status )
           dispatch( createError( err, "Ошибка регистрации " ) )
       }

   }
источник

a

andr in React — русскоговорящее сообщество
это неправильно?
источник

a

andr in React — русскоговорящее сообщество
ошибся, я имел ввиду actionCreator
источник

AG

And Grigoryan in React — русскоговорящее сообщество
Впервые вижу диспатч в экшене
источник

a

andr in React — русскоговорящее сообщество
это actionCreator
источник

a

andr in React — русскоговорящее сообщество
функция
источник

a

andr in React — русскоговорящее сообщество
export function sendRegistrationDataForPin( credentials ) {
   return async ( dispatch, getState ) => {
       await dispatch( clearAppError() )
       try {
           const res = await claimInstance.post( '/pin', credentials )
           const response = await res.data
           dispatch( {
               type : auth.REGISTRATION,
               payload : response
           } )
       } catch ( err ) {
           console.log( err.response.data )
           console.log( "REGISTRATION PIN ERROR RESPONSE ", err.response.status )
           dispatch( createError( err, "Ошибка регистрации " ) )
       }

   }
}
источник

a

andr in React — русскоговорящее сообщество
Это разве неверно?
источник

AG

And Grigoryan in React — русскоговорящее сообщество
andr
export function sendRegistrationDataForPin( credentials ) {
   return async ( dispatch, getState ) => {
       await dispatch( clearAppError() )
       try {
           const res = await claimInstance.post( '/pin', credentials )
           const response = await res.data
           dispatch( {
               type : auth.REGISTRATION,
               payload : response
           } )
       } catch ( err ) {
           console.log( err.response.data )
           console.log( "REGISTRATION PIN ERROR RESPONSE ", err.response.status )
           dispatch( createError( err, "Ошибка регистрации " ) )
       }

   }
}
Ну вроде все правильно
источник

a

andr in React — русскоговорящее сообщество
useEffect( () => {
       let isMounted = true
       if ( isMounted ) {
           sendRegistrationDataForPin( auth.registration )
       }

       return (() => isMounted = false)
   }, [callPin] )
источник

a

andr in React — русскоговорящее сообщество
и вот такое впечатление, что компонента отрисовывается раньше чем изменяется стейт
источник

AG

And Grigoryan in React — русскоговорящее сообщество
andr
Здравствуйте друзья. Может мне кто-нибудь подсказать. Если я использую redux thunk и в компоненте вызываю dispatch(action), нужно ли мне  делать await при вызове , если внутри action уже есть await, потому что создаётся впечатление, что он обрабатывает следующие функции не дожидаясь окончания запроса в action
Экшн синхронная функция, можешь попробовать, но не думаю что поможет
источник

a

andr in React — русскоговорящее сообщество
And Grigoryan
Экшн синхронная функция, можешь попробовать, но не думаю что поможет
Ок, спасибо за консультацию, буду копать дальше
источник

AG

And Grigoryan in React — русскоговорящее сообщество
andr
Ок, спасибо за консультацию, буду копать дальше
Или вообще можешь использовать саги
источник

a

andr in React — русскоговорящее сообщество
тут до саг ещё как до луны пешком
источник