异步重组withHandlers ...？

Question

与承诺一起使用处理程序可能/安全吗？ 例如：

withHandlers({ 
    onChange: props => event => { 
     props.callAPI(props.data) 
     .then(data => props.updateData(data)) 
    }, 
... 

谢谢！

Answer 1

经过一些测试后，我意识到它工作得很好。 Recompose建筑用纯组分的岩石。

这是完全有效的，工作得很好。

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 client的包裹成分的能力。这可以完美地处理它，而不需要组件本身的副作用。

Answer 2

但也存在一些问题，当我们用这样的：

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)丢失。然后我们在错误之后使用它。

我们应该注意不要像上面那样使用它。

---