属性..在类型“IntrinsicAttributes &..”上不存在

Question

我正在尝试将自定义道具添加到自定义样式组件：

interface Props {
  image?: string;
  title?: string;
  subtitle?: string;
  background?: string;
}

export function CardWide({
  image, title, subtitle, background
}: Props) {
  return (
    <CardContainer background={background}>

我通过的样式化组件背景如下所示：

interface Props {
  background?: string;
}

const Card = styled.div<Props>`
  display: flex;
  flex-direction: row;
  margin-top: 18px;
  width: 100%;
  min-height: 524px;
  background: ${props => props.background}

但是，我收到以下错误：

感觉就像我已经完成了我需要做的一切，但我不确定我错过了什么。

Answer 1

这个代码沙箱有帮助吗？

https://codesandbox.io/s/magical-butterfly-4jjo0n?file=/src/App.tsx:312-320

如果您需要更多帮助，请告诉我