React-native中的实时条件渲染

Question

我试图弄清楚如何基于布尔渲染组件。但是用户还可以选择更改bool，而我需要该应用进行实时更新。

为了简单起见，我现在只尝试渲染一些文本：

const deposit = <Text>deposit</Text>
const noDeposit = <Text>noDeposit</Text>

这是我要渲染它的视图：

<View>
  {this.props.depositRequired ? deposit : noDeposit}
</View>

该功能可在应用程序首次启动时显示其中之一。但是它永远不会更新，我有点不知该如何做。任何帮助深表感谢！

Answer 1

尝试使用生命周期方法来接收称为componentWillReceiveProps的道具以进行组件更新。像这样实现它：

  componentWillReceiveProps(nextProps){
  if(nextProps.depositRequired !== this.props.depositRequired){
    // just call to update the component
    this.setState({})
  }
}