Reactjs 样式化组件-扩展元素样式和重写属性

我正在使用一个预先存在的样式化按钮组件和大多数原始样式，但是“顶部”和“右侧”属性需要更新

我尝试了以下方法：

const StyledButton = styled(Button)`
    right: -5px;
    top: 40px;
`;

---

我原以为这会将样式扩展到原始组件，但它似乎没有通过。任何帮助都将不胜感激

通常，在这种情况下，根本就是底层组件没有传递

className

prop的问题。我发现，对于将被共享/重用的组件，在其根元素中使用

{…props}

以确保人们可以覆盖他们在该元素上需要的任何内容是很有帮助的

e、 g

const按钮：React.FC=（{text，…props}）=>{
返回{text}
}

按钮的外观是什么？

const Button: React.FC = ({ text, ...props }) => {
  return <button {...props}>{text}</button>
}