перекомпоновать withHandlers асинхронно?

После некоторых тестов я понял, что это работает довольно хорошо. Перекомпонуйте камни для строительства из чистых компонентов.

Это совершенно верно и работает очень хорошо.

const enhWithHandlers = withHandlers({
  loginUserMutation: props => args => {
    props.updateMutationState(loading: true, error: null });
    props.loginUser(args)
      .then(() =>
        props.updateMutationState({loading: false, error: null }))
      .catch(err =>
        props.updateMutationState({ loading: false, error: err }));
  }
},
...
// then compose like
export default compose(
  reduxConnect,
  gqlConnectLogin,
  gqlConnectRegister,
  enhWithState,
  enhWithHandlers
)(UserLoginRegister);

Это помогает мне преодолеть отсутствие возможности отражать результаты мутации graphQl с клиентом Apollo в завернутый составная часть. Это отлично справляется с этим и не требует побочных эффектов в самом компоненте.

Но есть некоторые проблемы, когда мы используем его следующим образом:

compose(
  withState('loginStatus', 'setLoginStatus', {loading: false, error:null}),
  withHandlers({
    loginUserMutation: props => async args => {
      try {
        props.setLoginStatus({loading: true, error: null});
        await props.loginUser(args);
      } catch(error) {
        props.setLoginStatus({...props.loginStatus, error});
      } finally {
        props.setLoginStatus({...props.loginStatus, loading: false});
      }
    }
  })
)

Поскольку ссылка props действительно теряется после того, как мы await props.loginUser(args). Затем мы используем его после того, как это неправильно.

Обратите внимание, что его нельзя использовать, как указано выше.