时间戳

首页 > 解决方案 > 组件中的三元运算符将道具传递给样式组件？

styled-components - 组件中的三元运算符将道具传递给样式组件？

问题描述

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

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

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

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

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

标签： styled-components

解决方案

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

推荐阅读