样式组件和反应引导？
有没有一种方法可以将样式化组件与React-Bootstrap一起使用？react-bootstrap为组件公开bsclass属性，而不是classname，这似乎与样式化组件不兼容。
有什么经历吗？
共有1个答案
您可以扩展样式，保持组件的原始样式不受bootstrap的影响。您将在这里找到更多关于使用第三方库（如react bootstrap和styled-components）的文档。
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
-
问题内容： 我有React表单，其中有一个用于渲染下拉菜单的Component，因为这些选项来自API。但是，我无法访问嵌入式组件的引用。我正在整理我的第一个表格，并试图了解解决此问题的最佳方法。 问题答案： 最好将视为回调属性，并且不再依赖于Object。如果确实使用对象，请避免访问后代组件。您应该将其视为私有访问器，而不应将其视为组件API的一部分。仅将组件实例上公开的方法视为其公共API。
-
制表符组件
-
组件模版和样式 自定义组件拥有自己的 jxml 模版和 jxss 样式。 组件模版 组件模版的写法与页面模板相同。组件模版与组件数据结合后生成的节点树，将被插入到组件的引用位置上。 在组件模板中可以提供一个 <slot> 节点，用于承载组件引用时提供的子节点。 代码示例： <!-- 组件模板 --> <view class="box"> <view>组件的内部节点</view> <slot
-
我有一个下面的对象列表，方法返回被动类型
-
我有一个问题，试图测试与样式组件制成的组件。 因此，我有两个组件，如果我将鼠标悬停在第一个元素上，我试图改变第二个组件的背景色。 我的组件： 每当我尝试用jest它总是抛出一个错误，表示。但是，当我在标签中注释对容器组件的引用时，测试通过了。有人能帮忙吗？非常感谢你。 我正在使用react测试库在测试文件中呈现组件。
-
在样式化组件文档中，它们有以下示例： https://www.styled-components.com/docs/advanced#referring-连接到其他组件 当您将鼠标悬停在其父对象（在本例中为链接）上时，它会显示一个改变颜色的图标。 从文件中，我们知道： 文档注释#1：样式化组件通过“组件选择器”模式清晰地解决了这个用例。每当一个组件被styled（）工厂函数创建或包装时，它也会被分