title: Cannot call and override function when extending base class uses Redux
body: <p>I extending base class (Class A) that uses redux and I want to call and override function in base class but it not working. Give me solutions thank you.</p>
  
  <p>Parent Class: <a href="https://ibb.co/bNzPRZ6" rel="nofollow noreferrer">https://ibb.co/bNzPRZ6</a></p>
  
  <p>Child Class: <a href="https://ibb.co/vX1xPvq" rel="nofollow noreferrer">https://ibb.co/vX1xPvq</a></p>
  
  <p>Result: <a href="https://ibb.co/GFYRtQY" rel="nofollow noreferrer">https://ibb.co/GFYRtQY</a></p>
  
  <p><strong>Parent Class:</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>import React, { Component } from 'react';
  import { View } from 'react-native';
  import { connect } from 'react-redux'
  
  class ClassA extends Component {
  
      showAlertMess(message) {
          alert(message)
      }
      render() {
          return (
              &lt;View&gt;&lt;/View&gt;
          );
      }
  }
  export default connect()(ClassA)
  </code></pre>
  
  <p><strong>Child Class:</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>import React, { Component } from 'react';
  import { View } from 'react-native';
  import ClassA from './classA';
  
  export default class ClassB extends ClassA {
      state = {  }
  
      componentDidMount(){
      this.showAlertMess("This is class B")
  }
  
      render() {
          return (
              &lt;View&gt;&lt;/View&gt;
          );
      }
  }
  </code></pre>