我在我的反应组件中做这样的功能:
const Logged = (props) => {
const doLogout = () => {
props.logout().then(() => browserHistory.push('/'));
}
return(
<IconMenu
{...Props}
iconButtonElement={
<IconButton><MoreVertIcon /></IconButton>
}
targetOrigin={{horizontal: 'right', vertical: 'top'}}
anchorOrigin={{horizontal: 'right', vertical: 'top'}}
>
<MenuItem primaryText="Sign out"
onTouchTap={doLogout}
/>
</IconMenu>
)
};
Run Code Online (Sandbox Code Playgroud)
我已经在组件中包装了调度并连接它。
const mapDispatchToProps = (dispatch) => {
return {
logout: () => (
dispatch(logoutUser)
)
}
}
Run Code Online (Sandbox Code Playgroud)
这是我的行动:
export function logoutUser(){
return (dispatch) => {
return new Promise((resolve) => {
dispatch({
type : LOGOUT_USER,
});
resolve();
})
}
}; …Run Code Online (Sandbox Code Playgroud)