React - hide when data is null through conditional rendering &&

Question

{agencyURL && (
  <span>
    <a className="agency-url" target="_blank" href={`http://${agencyURL}`}>{agencyURL}</a>
  </span>
)} 

 

Answer 1

{agencyLogo && (
  <div
    css={css`
      display: inline-block;
      width: auto;
      margin-top: 8px;
      border-radius: 5px;
      overflow: hidden;
      padding: 0;
    `}
  >
    <img
      css={css`
        margin: 0 auto;
        height: 40px;
      `}
      src={agencyLogo}
      alt={agencyName}
    />
  </div>
)}

 

Answer 2

{!isMobile && (
  <span>
   This content will appear for desktop and tab, not for mobile
  </span>
)}