美文网首页
react withRouter和connect 同时使用的案例

react withRouter和connect 同时使用的案例

作者: 天渺工作室 | 来源:发表于2021-03-21 01:14 被阅读0次

    在react中,如果遇到redux的connect 和 一般组件跳转的withRouter 同时使用

    ...
    import React from 'react';
    import {connect} from 'react-redux'
    import { withRouter } from "react-router-dom";
    
    class MyHeader extends Component {
    
    }
    
    const mapStateToProps=(state)=>{
        return {
    
        }
    };
    
    const mapDispatchToProps = (dispatch) => {
        return {
    
        };
    };
    //连环嵌套
    export default connect(mapStateToProps, mapDispatchToProps)(withRouter(MyHeader));
    
    image.gif

    相关文章

      网友评论

          本文标题:react withRouter和connect 同时使用的案例

          本文链接:https://www.haomeiwen.com/subject/hzagcltx.html