reactjs - React-Redux-Class 扩展值 #<object> is not a constructor or null <div id="body">Class extends value # is not a constructor or null Error shows up when tried Inheriting a Parent Class which is binded with react-redux "connect" -><

问题描述

Class extends value # is not a constructor or null

Error shows up when tried Inheriting a Parent Class which is binded with react-redux "connect" ->

Redux

const mapStateToProps=(state)=>({
      .....
});

const mapDispatchToProps=(dispatch)=>{
    return {
        paymentOver:()=>dispatch(paymentClose()),
    }
}
 
export {
    mapStateToProps,mapDispatchToProps
}

Parent Class

    import { connect } from "react-redux";
    import { mapStateToProps,mapDispatchToProps } from "../../State Management/MappingStates";
    
    Class MainContainer extends Component{
    
       componentDidMount(){
          this.props.paymentOver(); //redux action
        }
    }
   export default connect( mapStateToProps,mapDispatchToProps )( MainContainer )

Sub Class

import MainContainer from './MainContainer';
        
Class Sub extends MainContainer{  //Error showing at this line- Class extends value #<Object> is not a 
                                              //constructor or null
     render(){
            
        return ......
            
      }
}
export default Sub

reactjs - React-Redux-Class 扩展值 #

问题描述

解决方案

推荐阅读