https://codesandbox.io/s/w242n1vonw
我有一个使用样式系统和反应情感的项目。
为了可重用性,我设置了继承自基础 css 的标题样式。
有时我希望能够使用样式系统覆盖属性,例如:
<H1 color='green'/>
当我的基本组件是:
const BaseHeading = ({ theme, ...props }) => css`
color: ${props.color ? props.color : theme.secondary};
`;
但是,如果我想潜在地覆盖十个属性,我需要有条件地重用该道具。这是编写此类功能的惯用方式吗?