重复问题

• 我搜索了现有的问题

最新版本

• 我测试了最新版本

重现步骤 🕹

链接到实时示例： https://codesandbox.io/s/exciting-agnesi-xnoes2?file=/demo.js

1. 有2个元素为背景颜色创建覆盖层
2. 第一个覆盖层使用 styled()/* styles here */ 语法，这可以正确工作
3. 第二个使用 styled()(({ theme }) => /* styles here */ 语法，覆盖层没有被应用
   语法如下： styled-components/styled-components#3189

当前行为 😯

条件样式应该应用于提供的元素。

预期行为 🤔

样式没有被应用，也没有抛出错误。

上下文 🔦

我正在尝试在有主题变量的块内有条件地渲染CSS块。来自演示的摘录：

const MyComponent = () => {
  const Component = styled("div")(
    ({ theme }) => `
background: black;
${true && css`
background: red;
`}
`);
  return <Component />;
};

结果是具有黑色背景的元素，而不是红色；

你的环境 🌎

• 无响应*