自己写的redux异步传送数据的例子，出错this.props.dispatch is not a function

Question

项目的地址

Answer 1

你的AsyncApp 都没有使用react-redux的connect函数进行连接，所以AsyncApp的props才没有dispatch。建议再系统的看下Redux的基础知识，你项目里有不少问题。

Answer 2

import { bindActionCreators } from 'redux'


const mapDispatchToProps = (dispatch, ownProps) => {
    return bindActionCreators({
        dispatch: dispatch
    })
}


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

另外要用Provider包裹 建议先看下redux-redux 的API
可以参考我的demo

Answer 3

import { connect } from 'dva';
import { routerRedux } from 'dva/router';
import { bindActionCreators } from 'redux';

...
this.props.dispatch(routerRedux.push('/'));
...
export default connect( ( { bindActionCreators } ) => ( { bindActionCreators } ) )( page );