问题标签 [reactstrap]

我已经做了很多查找，但是关于 reactstrap 轮播图像响应性的文档非常少。

我的 ReactStrap 轮播响应式调整大小，但图像没有。

我研究/尝试过的选项：

1. CSS通过轮播组件本身的className？这是我认为可能最好的一个，但我还没有找到适当调整图像大小的背景大小、高度和最大宽度的组合。

2. srcset ? 鉴于轮播是一个组件，我不确定如何实现这个或任何其他内联属性

3. 也许在轮播组件本身的某个地方？

4. 还是有更好的方法让我修改图像？

5. 或者@media 是通过 css 的答案吗？

`

`

我正在开发一个项目，设计师正在使用 BootStrap studio，它使用 BootStrap 4 导出为 html，并且我正在使用 reactstrap 将导出的文件转换为 React 组件。

我面临着类和样式规则的问题，因为原始文件继承自 7 个不同的文件。转换以下内容的最佳方法是什么：

在保留 CSS 规则的同时加入反应组件？

在 React-strap 中，组件默认名称为“Example”。有人可以向我解释为什么我会收到以下重复错误，

模块构建失败：D：/workspace/html5/rnd/react/scotch-io-routing-react/src/bsp/nav.component.jsx：重复声明“Nav”

如果我对导航栏组件执行此操作：

将其更改回示例，一切都很好。我试图了解我在这里做错了什么，它与继承有关吗？

我欠你一杯咖啡！

我想从我使用 Reactstrap 创建的表单中获取 JSON，以便能够将其发布到我的后端。

我找到了这个例子。我想使用 Reactstrap，所以我无法onSubmit={this.handleSubmit}在Form组件上放置一个。这就是为什么我想用Form经典form标签替换组件但FormData保持空白的原因。

这是我的代码。

我感谢每一个建议。

问候

我正在使用Next.js并尝试使用由reactstrap.

我似乎遇到的问题似乎涉及导入命名bootstrap/dist/css/bootstrap.min.css为reactstrap指南所说的 CSS 文件。

我看到的错误是Error in bootstrap/dist/css/bootstrap.min.css Module parse failed: Unexpected token (6:3) You may need an appropriate loader to handle this file type.

有谁知道我必须做什么才能使其正常工作？我是一名新的 Web 开发人员，如果我遗漏了任何明显的内容，我深表歉意。

谢谢！

我想我需要使用 tag 参数来为 Jumbotron 分配道具，但我不明白 reactstrap 组件页面上给出的语法。

我的工作代码是

我正在尝试将一个道具传回给 Jumbotron 以更改它的高度，并从调用组件动态更改背景图像。有没有人有一个链接可以帮助我深入了解这个？如果未能提供代码片段，我们将不胜感激。

提前致谢。

我有一个 Reactstrap 模态：模态 - Reactstrap

我想使用这种模式，因为我会在页面布局中使用“普通”div。

IE 以相同的设计在页面内显示模式，只是没有弹出和弹出，并且模糊了页面的其余部分。

这可能吗？

我现有的项目使用 Bootstrap，看起来像：

但阿芙罗狄蒂要求类似的东西：

问题：

如何合并这两种方法？

我发现多个复选框中的 defaultChecked 渲染速度很慢。

如果我将其更改为，checked那么它将起作用。defaultChecked但是当我将它更改为复选框时，var defaultChecked 不起作用。我不明白为什么它不起作用，可能是我不明白它是如何defaultChecked工作的。

p / s：我使用reactstrap，而不是材料ui

我在 React 中有一个表单，使用react-strap并呈现如下图所示的输入，我想通过多种使用 CSS 的方式隐藏输入末尾的联系人图标，但不起作用。

这是代码：