React-Native：在另一个类中访问TextField值

Question

作为一名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>
            );}
    }

如何使用A中B中的LEFT JOIN中的TextInput的值访问值/状态，以在按钮按下时显示它？

Answer 1

在B类上尝试

BBBB

通过ref属性访问A类的引用，然后获得其自己的状态。