Невозможно вызвать и переопределить функцию, когда расширение базового класса использует Redux

Question

Я расширяю базовый класс (класс A), который использует избыточность, и я хочу вызвать и переопределить функцию в базовом классе, но она не работает. Дайте мне решения, спасибо.

Родительский класс: https://ibb.co/bNzPRZ6

Детский класс: https://ibb.co/vX1xPvq

Результат: https://ibb.co/GFYRtQY

Родительский класс:

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 (
            <View></View>
        );
    }
}
export default connect()(ClassA)

Детский класс:

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 (
            <View></View>
        );
    }
}