更改 Text 元素 React 的内容

Question

这看起来很基本，但我不知道怎么做，而且似乎没有在任何地方记录。我的反应页面中有一个文本元素

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

我想更改此 Text 元素的内容。更改 this.warningText 无济于事，调用 this.refs.WarningText.setNativeProps({text: text}); 或更改我能想到的任何其他道具名称也无济于事。

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

Answer 1

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

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

在您的事件中，您可以通过更改状态来更改文本并自动响应更新您的文本。

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

这里还有更多documentation on setState。它提供了如何在组件中使用和不使用状态的大部分细节。