compennt中的ternirary运算符将prop传递给样式组件?

时间:2018-05-06 06:31:43

标签: styled-components

我有一个布尔变量isHere,需要为组件定义一些其他样式。如果我使用className,则传递道具:

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

然而,当我尝试传递一个样式组件的道具时,我得到一个错误:

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

语法错误:意外的令牌,预期......(30:15)

1 个答案:

答案 0 :(得分:0)

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