ReactJS - モーメント反応モーメント

Question

私はreactjsのmongodbから日付をフォーマットしています。私はUIでそれを表示するために、以下のコードを使用しています。

<td> <Moment format="DD-MMM-YYYY">{ this.props.item.date }</Moment></td> 

日付が利用できない場合は、現在の日付が印刷されます。日付がmongodbに存在しない場合、nullを出力するには？

Answer 1

たとえば、式を使用して式を処理できます。これは、あなたが探しているものをあなたは何も表示しないように意図した場合

<td> 
    <Moment format="DD-MMM-YYYY"> 
    { this.props.item.date ? this.props.item.date : null } 
    </Moment> 
</td> 

は、この

<td> 
    { this.props.item.date ? 
    <Moment format="DD-MMM-YYYY"> 
    {this.props.item.date} 
    </Moment> : null 
    } 
</td> 

Answer 2

のような要素なものの上に式を入れますか？

<td> <Moment format="DD-MMM-YYYY">{ this.props.item.date ? this.props.item.date : 'null' }</Moment></td>

あなたは条件付きでコンポーネントをレンダリングする三元表現を使用することができます。