Территориальный оператор в compoennt для передачи реквизита в стилизованный компонент?

Question

У меня есть логическая переменная isHere, которая должна определить некоторые дополнительные стили для компонента. Если я использую className, то пропускается:

  <Item className={isHere ? 'hi' : null}>
    // Stuff
  </Item>

Однако, когда я пытаюсь передать реквизит стилевого компонента, я получаю сообщение об ошибке:

    <Item {isHere ? {joined: true} : null}>
      // Stuff
    </Item>

Синтаксическая ошибка: неожиданный токен, ожидаемый ... (30:15)

Answer 1

  <Item joined={isHere ? true : false}>
    // stuff 
  <LeaveLocation />