reactjs – react-router withRouter不提供mapStateToProps中的

发布时间：2020-12-15 20:42:20 所属栏目：百科来源：网络整理

导读：我目前正面临一个奇怪的问题,即react-router提供的HOC withRouter不会将props传递给mapStateToProps函数.我在这做错了吗？ import React,{ Component } from 'react';import { Link,withRouter } from 'react-router';import { connect } from 'react-redux'

我目前正面临一个奇怪的问题,即react-router提供的HOC withRouter不会将props传递给mapStateToProps函数.我在这做错了吗？

import React,{ Component } from 'react';
import { Link,withRouter } from 'react-router';
import { connect } from 'react-redux';


class ThisClass extends Component {
    render() {
        console.log(this.props.router); // Returns object with router keys (params,router,go,routes,...)
        // Render stuff
    }
}

const mapStateToProps = (state,props) => {
    console.log(state); // returns state of redux
    console.log(props); // returns empty object -> {},how come this is empty?!

    return {
        consultations: patientThisClassSelector(state,props)
    };
}

export default connect(mapStateToProps)(withRouter(ThisClass));

在连接组件之前,必须注入路由器道具.

要实现这一点,你必须使用

export default withRouter(connect(mapStateToProps)(ThisClass));

代替

export default connect(mapStateToProps)(withRouter(ThisClass));

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!