This.props.dispatch不是函数- React-Redux
This.props.dispatch不是函数- React-Redux
提问于 2016-04-26 05:01:26
我正在尝试从我的智能组件中分派一个操作。我尝试过使用mapDispatchToProps和this.props.dispatch(actions.getApplications(1))，但都没有将操作绑定到props。
我不确定是不是因为我的mapStateToProps没有包括在内？我试图包含它，但它也不起作用。
感谢任何帮助，我对下面代码块的长度表示歉意。
import classNames from 'classnames';
import SidebarMixin from 'global/jsx/sidebar_component';
import Header from 'common/header';
import Sidebar from 'common/sidebar';
import Footer from 'common/footer';
import AppCard from 'routes/components/appCard';
import { getApplications } from 'redux/actions/appActions';
import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'
import actions from 'redux/actions';
import { VisibilityFilters } from 'redux/actions/actionTypes';
class ApplicationContainer extends React.Component {
constructor(props){
super(props)
this.state = {
applicants: []
}
this.onDbLoad = this.onDbLoad.bind(this)
}
onDbLoad(){
console.log(this.props.dispatch)
// this.props.getApplications(1)
}
render() {
return (
<Col sm={12} md={4} lg={4}>
<PanelContainer style={panelStyle}>
<Panel>
<PanelBody >
<Grid>
<Row>
{ this.onDbLoad() }
</Row>
</Grid>
</PanelBody>
</Panel>
</PanelContainer>
</Col>
)}
}
function mapDispatchToProps(dispatch){
return bindActionCreators({ getApplications: getApplications },dispatch)
}
export default connect(null, mapDispatchToProps)(ApplicationContainer);
@SidebarMixin
export default class extends React.Component {
render() {
const app = ['Some text', 'More Text', 'Even More Text'];
var classes = classNames({
'container-open': this.props.open
})
return (
<Container id='container' className={classes}>
<Sidebar />
<Header />
<Container id='body'>
<Grid>
<Row>
<ApplicationContainer />
</Row>
</Grid>
</Container>
<Footer />
</Container>
)}
}回答 1
Stack Overflow用户
发布于 2016-04-26 05:07:39
正如您在问题中提到的，mapDispatchToProps应该是connect的第二个参数。
如果不需要进行任何状态映射，可以将null作为第一个参数进行传递：
export default connect(null, mapDispatchToProps)(ApplicationContainer);完成此操作后，this.props.getApplications将被绑定。
根据您的评论，如果您希望访问this.props.dispatch而不是绑定操作，只需调用connect()而不传递任何映射器，默认行为将注入dispatch。
如果您希望同时具有绑定的操作创建者和this.props.dispatch，则需要向传递给mapDispatchToProps的对象添加dispatch。就像dispatch: action => action一样。或者，由于您没有将所有内容都放在根密钥下(如actions)，您可以这样做：
function mapDispatchToProps(dispatch) {
let actions = bindActionCreators({ getApplications });
return { ...actions, dispatch };
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36850988
复制相关文章
相似问题