如何将 aria 属性添加到样式组件？

Question

我正在使用styled-componentsnpm 包并且需要将该aria-haspopup属性添加到我的扩展 Button 组件中。我尝试了以下操作，但这并没有添加属性：

import Button from './button';

const StyledBtn = Button.attrs({
    'aria-haspopup': 'true',
}).extend``;

Answer 1

我发现解决方案是：

新样式组件 v4 语法：

import Button from './button';

const StyledBtn = styled(Button).attrs({
    'aria-haspopup': 'true',
})``;

旧语法：

import Button from './button';

const StyledBtn = Button.extend.attrs({
    'aria-haspopup': 'true',
})``;