ReactJS - 瞬間 - 反應時刻

Question

我正在從mongodb格式化reactjs中的日期。我使用下面的代碼在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>

可以使用三元表達式有條件地呈現組件。