React 样式组件

Question

我正在阅读样式组件文档，但文档中没有解释一件事，下面是代码示例：

const Button = styled.button<{ $primary?: boolean; }>`
  background: ${props => props.$primary ? "#BF4F74" : "white"};
  color: ${props => props.$primary ? "white" : "#BF4F74"};

  font-size: 1em;
  margin: 1em;
  padding: 0.25em 1em;
  border: 2px solid #BF4F74;
  border-radius: 3px;
`;

此代码的含义：

<{ $primary?: boolean; }>

，因为此语法在样式组件文档中没有解释

Answer 1

这是打字稿的类型信息。

这意味着名为

$primary

的 prop 具有布尔类型并且是可选的。