Conditional rendering react js

Question

Ok, trying to render date from one component into a second component, but using conditional rendering so if date on component 1 is null, component 2 date field will not render. New to react. using following logic.

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

Mentor does not like it and would rather wrap in function. Cannot get function to render properly.

G.Mestanza · Accepted Answer · 2020-01-15 00:44:08Z

1

You can use a ternary function condition ? value_if_true : value_if_false like so

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

      ) : (

        <Component2 />
      )}

  </div>
)

answered Jan 15, 2020 at 0:44

G.Mestanza

417 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Conditional rendering react js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related