老师，我看课程中基本上的页面都会有个navigaton和route两个属性，我想把它提成一个公共类，然后其他的子类继承这个公共类；但是在实现过程中遇到state和props的数据不能共享的问题

import React, { Component } from 'react';
import { View } from 'react-native';

interface Props {}

interface State {
    name: boolean;
}

export default class Base<P, S> extends Component<Props & P, State & S> {
    constructor(props: Props) {
        super(props)
        this.state = {
            name: false,
        };
    }
}

在子类继承时，也会出错

import React, { Component } from 'react';
import { Text, View } from 'react-native';
import Base from './Base';

interface Props {}
interface State {
    loading: boolean;
}
export default class App extends Base<Props, State> {
    constructor(props: Props) {
        super(props)
        this.state = {
            loading: false
        }
    } 
    render() {
        console.log(this.state);
        console.log(super.state);
        return (
            <View>
                <Text
                    style={{
                        color: 'red',
                        fontSize: 22,
                        marginTop: 30,
                        marginLeft: 20,
                    }}>
                    app
                </Text>
            </View>
        );
    }
}

劳烦老师解惑！谢谢