条件渲染React JS

Question

好，尝试将日期从一个组件渲染到另一个组件，但是使用条件渲染，因此如果组件1上的日期为null，则组件2的date字段将不渲染。新来的反应。使用以下逻辑。

const enpDate = (earlyNotificationDate);
if (enpDate) {
    moment(earlyNotificationDate, 'MM/DD/YYYY')
}

Mentor不喜欢它，而是希望将其包装在函数中。无法获得正确渲染的功能。

Answer 1

您可以像这样使用三元函数condition ? value_if_true : value_if_false

const component = ({ isNull}) => (
  <div>
    {isNull ? 
      (
        <Component1 />

      ) : (

        <Component2 />
      )}

  </div>
)