【问题标题】:Change content of Text element React更改 Text 元素 React 的内容
【发布时间】:2016-08-02 08:55:37
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: javascript text react-native


    【解决方案1】:

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

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

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

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

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

    【讨论】:

    • 快速提问,您是否必须在 setState({...}) 调用中明确定义所有“状态”参数,还是将未定义的值单独留在 GUI 中?
    • @DaanLuttik 他们将被单独留下
    • 正如@FuzzyTree 所说,他们将独自一人。一个更好的处理你的状态和东西的设计模式是使用 Redux。你可能也想看看。
    • 如果你对在 Redux 中存储状态感兴趣,Egghead.io 的 a great getting started course by the author of Redux 可以帮助你朝着这个方向前进。
    猜你喜欢
    • 2023-04-01
    • 1970-01-01
    • 2017-02-02
    • 2013-09-07
    • 2019-07-26
    • 2021-07-10
    • 2021-10-08
    • 2017-05-06
    • 1970-01-01
    相关资源
    最近更新 更多