CSS对象中的条件

Question

自May 2018起，我们就可以在样式化组件中编写CSS对象。

是否有可能在对象中具有条件（如使用“常规”样式的组件一样）。我无法满足以下条件才能工作：

const StyledButton = styled.button({
  backgroundColor: colors.defaultBlue,
  borderRadius: '20px',
  color: props => (props.hover === true ? '#fff' : '#000'),
  border: 'none'
})

Answer 1

尝试

>>> x = ["A", "B", "C", "Z"]
>>> [i in "ABCDEFG" for i in x]
[True, True, True, False]