有没有办法使用与其他 const 相同的属性？

Question

我有这两种格式化按钮的方法。 我可以在第二个常量中使用我在第一个常量中定义的相同属性而不将它们复制到常量中吗？

   export const StyledButton = styled.button`
      display: inline-block;
      padding: 1rem 2rem;
      background: var(--btn-bg-color);
      color: var(--accent-color);
      font-family: var(--font-secondary);
    `;
    
    export const StyledButton2 = styled.button`
      border-radius: 5rem;
      margin-left: 2rem;
      border-color: transparent;
    `;

Answer 1

声明一个 const 变量并将其分配给您要重复的模板字符串值。 然后使用 ${myVariable} 将其插入到每个按钮的模板字符串中