javascript - 在 react 中显示两个日期

Question

我想在我的 react 应用程序中显示两个日期。它应显示为日期 1 - 日期 2。这是代码。

export const formatFromToDates = (fromDate, toDate) => { 
   return (
     <Moment format='YYYY/MM/DD'>{fromDate}</Moment> -
     toDate === null ? ' Now' : <Moment format='YYYY/MM/DD'>{toDate}</Moment>
    ); 
}

但仅显示第二个日期。我该怎么做？

Answer 1

您忘记在 toDate 的 JSX 表达式周围放置 {}:

export const formatFromToDates = (fromDate, toDate) => { 
    return (
        <Moment format='YYYY/MM/DD'>{fromDate}</Moment> -
        {toDate === null ? ' Now' : <Moment format='YYYY/MM/DD'>{toDate}</Moment>}
// -----^------------------------------------------------------------------------^
    ); 
};