나는 나의 행동을 파견 할 수없는 소품 (돌아 오는 반응) 나는 <code>connect</code> 사용 방법은 다음과

Question

은 다음과 같습니다

function mapStateToProps(state, ownProps) { 
    return { 
    // we'll call this in our component -> this.props.listingData 
    listingData: state.locations.listingData, 

    //we'll call this in out component -> this.props.formState 
    formState: state.formStates.formState 
    }; 
} 

function mapDispatchToProps(dispatch) { 
    return { 
    actions: bindActionCreators(locationActions, formStateActions, dispatch) 
    }; 
} 

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

내가 사용하는 버튼입니다 : 여기

<div onClick={this.stateToEntry} className="addButton">Add</div> 

기능입니다 실행하려면

stateToEntry() { 
     this.props.actions.stateToEntry();//formStateActions.stateToEntry();//dispatch an action to update the Redux store state 
     browserHistory.push('/location');//then redirect to the add/edit/delete page using browserHistory 
    } 

this.props.actions.stateToEntry()은 기능이 아닙니다. 여기 실제로 무슨 일이 일어나고 있습니까 & 어떻게이 문제를 해결할 수 있습니까?

EDIT : 환언

의 바로 주변의 {} 추가 : 여기

로그 데이터이다. 내가 {formStateActions} 혼자 시도하고 작동하지 않았지만 formStateActions 일했습니다. @ LazarevAlexandr의 내용은

, 여기 formStateActions 내 actioncreator입니다 :

export function stateToEntry() { 
    return { type: types.STATE_TO_ENTRY, formState: 'entry-mode'}; 
} 

export function stateToEdit() { 
    return { type: types.STATE_TO_EDIT, formState: 'edit-mode'}; 
} 

export function stateToDelete() { 
    return { type: types.STATE_TO_DELETE, formState: 'delete-mode'}; 
} 

내 locationActions의 actioncreator 그래서 오히려 완전히 여기에 게시하지 않는 게 좋을 매우 깁니다. 그것들은 모두 함수이며, 일부는 액션을 반환하는 액션 크리에이터이고, 일부는 API에서 데이터리스트를 가져 오는 함수를 반환합니다. 여러 작업을 전달하려는, 그래서 만약

Answer 1

bindActionsCreators는 설정이 시도, 두 개의 매개 변수를 가져옵니다

function mapDispatchToProps(dispatch) { 
    const actions = Object.assign({}, locationActions, formStateActions); 
    return { 
    actions: bindActionCreators(actions, dispatch) 
    }; 
}