Question

给出类似这样的内容：

<Text>Hello</Text>

有什么方法可以访问此组件中的文本？

这是一个具体的示例，我想将Text组件内的文本连接到TouchableOpacity的按下。在此示例中，deletekey函数需要获取“ Hello”作为参数。

                <View>
                    <TouchableOpacity onPress={() => this.deleteKey()}>
                        <EvilIcon
                            name='close'
                            type='evilicon'
                            color='#517fa4'
                            size={15}
                        />
                    </TouchableOpacity>
                    <Text>Hello</Text>
                </View>

Answer 1

您可以使用ref中的Text

<Text ref='helloText'>Hello</Text>

和onPress中的TouchableOpacity

this.refs.helloText.props.children

如果<Text>中有动态文本，则应使用state

<Text>{this.state.textValue}</Text>

并在其中设置值，您需要使用this.setState({textValue:'Hello'})

如何访问“文本”组件内部的文本？

1 个答案: