Question

我对React-redux还是很陌生，并且在这个问题上苦苦挣扎。我的动作创建者拥有这些功能。

function register(user) {    
    function request(user) { return { type: userConstants.REGISTER_REQUEST, user } }
    function success(user) { return { type: userConstants.REGISTER_SUCCESS, user } }
    function failure(error) { return { type: userConstants.REGISTER_FAILURE, error } }
}

这就是我要分发的方式。

const mapDispatchToProps = dispatch => {
    return {
        sendRegistration: (user) => {
            dispatch(userActions.register(user).request(user))
        }
    }
}

当用户单击“提交”按钮时，调度将发生：

this.props.sendRegistration(this.state.user)

但是出现以下错误。

未捕获的TypeError：无法读取未定义的属性“请求”

Answer 1

您应该像这样在register函数中返回它们

function register(user) {    
    function request(user) { return { type: userConstants.REGISTER_REQUEST, user } }
    function success(user) { return { type: userConstants.REGISTER_SUCCESS, user } }
    function failure(error) { return { type: userConstants.REGISTER_FAILURE, error } }
    return {
      request : request,
      success : success,
      failure : failure
    }
}

但是，通常您不需要将它们包装在函数中。您可以导出和导入它们，例如

function request(user) { return { type: userConstants.REGISTER_REQUEST, user } }
    function success(user) { return { type: userConstants.REGISTER_SUCCESS, user } }
    function failure(error) { return { type: userConstants.REGISTER_FAILURE, error } }

export {request, success, failure}

React Redux动作（功能内的功能）

1 个答案: