React-Native: доступ к значению TextField в другом классе

Как разработчик iOS, я немного борюсь с нативным реагированием.

У меня есть два компонента внутри разных классов:

Компонент A — это представление с TextInput

class A extends Component<Props>{
    state = {
        textFieldValue: ""
    };  
    render() {
        return (
            <View>
                <TextInput placeholder = {this.props.placeholderText}
                            ref = {textField => {
                                this.textField = textField;
                            }}
                            value = {this.state.textFieldValue}
                            onChange = {e => this.setState({ textFieldValue: e.target.value})}/>
            </View>
        );}
}

Компонент B использует A в своем представлении

class B extends Component<Props>{
        render() {
            return (
                <View>
                   <A placeholder = {"test"}/>
                   <TouchableOpacity onPress = {() => {
                                //show text of input A here
                            }}>
                        <View>
                            <Text>{text}</Text>
                        </View>
                    </TouchableOpacity>
                </View>
            );}
    }

Как я могу получить доступ к значению/состоянию со значением TextInput в A из B, чтобы показать его при нажатии кнопки?