更改Text元素React的内容

Question

这似乎是如此基本，但我无法做到这一点，并且它似乎没有记录在任何地方。我的反应页面中有一个文本元素

<Text ref="WarningText"
                  style={loginStyle.warningLabel}>{this.warningText}</Text>

我想更改此Text元素的内容。更改this.warningText不会有帮助，也不会调用this.refs.WarningText.setNativeProps({text: text});或更改我能提出的任何其他道具名称。

任何帮助都会很棒，谢谢。

Answer 1

最好使用状态而不是refs或其他任何东西。这就是Reacts的设计模式。

<Text style={loginStyle.warningLabel}>{this.state.warningText}</Text>

并且在您的活动中，您可以通过更新状态来更改文本，并自动更新您的文本。

this.setState({warningText: "some text"})

这里还有一些documentation on setState。它提供了大多数关于如何使用而不是在组件中使用状态的细节。