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>

您可以使用三元表达式有条件地渲染组件。