reactjs – Styled-components和react-bootstrap？

发布时间：2020-12-15 20:33:42 所属栏目：百科来源：网络整理

导读：有没有办法和 react-bootstrap一起使用 styled-components？ react-bootstrap为其组件公开bsClassproperties而不是className,这似乎与样式组件不兼容. 有经验吗？解决方法您可以扩展样式,保持组件的原始样式不受引导程序的影响.您将找到有关使用第三方库的

有没有办法和 react-bootstrap一起使用 styled-components？ react-bootstrap为其组件公开bsClassproperties而不是className,这似乎与样式组件不兼容.

有经验吗？

解决方法

您可以扩展样式,保持组件的原始样式不受引导程序的影响.您将找到有关使用第三方库的更多文档,例如react bootstrap with styled-components 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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!