コンポーネントにプロパティを渡す

Question

通知がある場合、私はバッジを表示したいと思うsimple footerTabを持っています。このコードでは

<Button active={ this.props.ui.selectedTab === 'notifications' ? true : false } 
     onPress={() => this.selectedTab('notifications') } 
     { ...this.props.ui.notifications ? badge : null }  
> 
     { this.props.ui.notifications ? 
      <Badge><Text style={{ color:'white' }}>{this.props.ui.notifications}</Text></Badge> : null 
     } 
     <Icon name='md-notifications' /> 
</Button> 

私はボタンのためにそのバッジのプロパティを渡すことができますどのように「バッジが定義されていない」

を取得していますか？

Answer 1

しばらくして、私はそのプロパティバッジがデフォルトでtrueであることを知っていました。だから作業バージョンはこれのようでした。

<Button active={ this.props.ui.selectedTab === 'notifications' ? true : false } 
     onPress={() => this.selectedTab('notifications') } 
     badge={ this.props.ui.notifications ? true : false }  
    > 
     { this.props.ui.notifications ? 
      <Badge><Text style={{ color:'white' }}> 
     {this.props.ui.notifications}</Text></Badge> : null 
     } 
     <Icon name='md-notifications' /> 
    </Button>