연결을 사용하는 동안 데코레이터를 사용하지 않는 방법은 무엇입니까?

Question

나는 & redux에 반응하기 때문에 새로운 데다가 구현자를 찾아 내 요구 사항에 따라 곰팡이를 만드는 방법을 알아 냈습니다.

@connect(
    state => ({ 
     authentication: state.authentication 
    }), 
    dispatch => bindActionCreators(LoginActions, dispatch) 
) 

그리고 난 변환해야하는 형태입니다 :

const mapStateToProps = state => { 
    return { 
    authentication: state.authentication 
    }; 
}; 

const mapDispatchToProps = dispatch => { 
    return { 
    authenticateUser: (email, password) => dispatch(loginUser(email, password)) 
    }; 
}; 
export default connect(mapStateToProps, mapDispatchToProps)(LoginContainer); 

Answer 1

다음과 같습니다. "Fat Arrow"기능을 사용하여 간단하게 만들 수도 있습니다.

function mapStateToProps(state, prop){ 
    return { 
     authentication: state.authentication 
    } 
    } 

    function mapDispatchToProps(dispatch){ 
    return { 
     action: bindActionCreators(LoginActions, dispatch) 
    } 
    } 

export default connect(mapStateToProps, mapDispatchToProps)(LoginContainer); 

Answer 2

내가 하나의 생각 다음 내가 아닌 장식 양식으로 변환 할 필요가 내가 통해 제공되는 구문이다 문제를 해결하는 방식이 당신의 syntex의 비 장식의 형태이다 (당신이 mapDispatchToProps 짧은 표기법을 사용할 수 있습니다)

export default connect(state => { 
    authentication: state.authentication 
}, { loginUser })(LoginContainer);