reactjs - 样式组件和 react 引导？

Question

有没有办法使用 styled-components与 react-bootstrap 一起？ React-bootstrap 为其组件公开了 bsClass 属性而不是 className ，这似乎与 styled-components 不兼容。

有什么经验吗？

Answer 1

您可以扩展样式，保持组件的原始样式不受引导。您将找到有关使用第三方库的更多文档，例如带有样式组件的 React Bootstrap here 。

const StyledButton = styled(Button)`
  color: palevioletred;
  font-size: 1em;
  margin: 1em;
  padding: 0.25em 1em;
  border: 2px solid palevioletred;
  border-radius: 3px;
`;

这里有一个沙箱可供引用:https://codesandbox.io/s/2vpm40qk90