React Native - 如何在三元函数后更新我的组件?

Posted

技术标签:

【中文标题】React Native - 如何在三元函数后更新我的组件?【英文标题】:React Native - How to update my component after ternary function? 【发布时间】:2020-12-11 11:20:05 【问题描述】:

如何在返回函数后更新我的元素?例如:

myFunction(condition)
  if(condition)
      return(
         <Text>True</Text>
      )
   
   return(
      <Text>False</Text>
   )


render()
   return()
     <View>
       this.myFunction(condition)
     </View>
   

我有同样的情况,但是元素更新了一次即使在其他时候调用它组件也没有更新。

Obs.:条件正在被其他函数改变。

谢谢!!

【问题讨论】:

condition 的值有变化吗? 是的。我有其他函数调用此函数并更改条件。 是作为状态一部分存储的condition 否 =/ 实际上我不知道如何将条件存储在状态中。因为我也是动态生成的 【参考方案1】:

如何制作类似的组件

changeCondition(condition)
  this.setState(condition)


render()
     return(
         <View>
            <Text>this.state.condition ? "True" : "False"</Text>
         </View>
     )

这样更符合react规则

【讨论】:

以上是关于React Native - 如何在三元函数后更新我的组件?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 React Native 中的 firebase 服务函数成功后运行回调函数

React-Native-Navigation (WIX):如何更新底部标签的徽章计数?

在 React Native 中更新推送通知令牌

更新 react-native 后无法使用 react-native-debugger

在React native 如何写if判断和for循环

React (Native) Context API 导致 Stack Navigator (React Navigation 5) 在状态更新后重新渲染