如何获得Text Component的值？

Question

<Text>aircraft</Text>

我需要在Text中获取aircraft，并动态更改Text的值。我该怎么办？

Answer 1

您可以像这样访问它（例如：https://rnplay.org/apps/ACHJEQ）

<Text ref={(elem) => this.textElem = elem}>Hello world!</Text>

然后： console.log('textElem content', this.textElem.props.children);

但是你不能设置它，因为它是一个（只读）道具。

Answer 2

嗯......各种方法来做到这一点。

例如：

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

然后只需更改状态变量。你也可以实现它：

<Text>{ (this.state.checkIfTrue) ? 'Boeing787' : 'Airbus 320' } </Text>

检查this.state.checkIfTrue是否为真，并显示“波音787”和“波音787”。或者＆＃39;空中客车320＆＃39;。

这应该给你第一个想法。