javascript - 更改 Text 元素 React 的内容

Question

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

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

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

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

Answer 1

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

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

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

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

还有一些documentation on setState .它提供了关于如何在组件中使用和不使用状态的大部分细节。