情感主题和打字稿需要`theme`道具

Question

我有一个样式化的组件，定义为：

export const Header = styled('header')`
  grid-area: header;
  border-top:solid 3px ${(props) => {
    return props.theme.colors.primary
  }};
`

然后用作：

<Header>FOO</Header>

在另一个组件中。

我在使用Typescript时遇到的问题是，在样式化组件中使用props.theme时，它现在要求在使用theme时传递Header道具。实际上，情况并非如此，因为props.theme来自应用结构中高度使用的ThemeProvider。

如何使主题道具为可选？

Answer 1

如果您在某处定义了接口，则可以用问号将其标记为可选：

people = People(self.add)