三元运算符在 compoennt 将道具传递给样式组件?

Question

我有一个布尔变量isHere它需要为组件定义一些额外的样式。如果我使用 className，则传递道具：

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

但是，当我尝试传递样式化组件的 prop 时，出现错误：

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

语法错误：意外的令牌，预期的...(30：15(

Answer 1

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