如何将两个参数传递给样式组件中的props函数

Question

我的React组件中有一个样式组件，它目前在样式组件上使用props功能。

我需要使用另一个属性进行样式设计，但当我试图传递它时，我一直遇到错误。

这就是我目前拥有的，而且效果很好。

border: 1px solid ${(props) => (props.isError ? "red" : "transparent")};

这就是我正在努力实现的目标：

border: 1px solid ${(props) => props.isError ? theme.Colors.red : "transparent"};

有没有一种方法可以将主题作为道具功能中的附加道具？

我一直收到这个错误**Cannot find name 'theme'.**，尽管它正在我的样式组件的其他部分中使用。

Answer 1

${({theme, isError}) => ...}就是您想要的。

您需要从props对象中销毁所有props，否则您将使用props.theme.Colors.red，因为props将按照您编写的方式包含theme对象。