[jsx conditional statement] #react #jsx

conditional.jsx

<>
  <p className={isActive && 'active'}>item</p>
  <p className={'background' + (isActive && 'active')}>item("false" if the condition is mismatched.)</p>
  <p className={`background${isActive && 'active'}`}>item</p>

  <p className={isActive ? 'active' : 'disable'}>item</p>
  <p className={'background' + (isActive ? 'active' : 'disable')}>item</p>
  <p className={`background${isActive ? 'active' : 'disable'}`}>item</p>
</>