在运行时更改文本组件值

Question

我试图在视图中获取<Text>组件，并在运行时编辑它的值。

我的尝试：

<Text ref="SignInMessage">qqq</Text> 

然后获取和改变我做this.refs.SignInMessage.props.children = err.message文本，但它不会改变。

我也试过：

<Text>{this.SignInMessage}</Text> 

然后this.SignInMessage = err.message;但它也不会改变。

Answer 1

您可以使用状态更新值

this.state({ SignInMessage: '' }); // initialize 

this.setState({ SignInMessage: 'bl bla'}); // update 

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