问题标签 [reactstrap]

我正在尝试将 reactstrap 与 react native 一起使用，但在运行演示时不断出现错误：

我正在运行的代码是：

我的安装如下：

我正在使用：节点 v7.10.1 npm 4.2.0

怎么了？

你好，我只是在使用 reactstrap 和 react js，我对组件有一些问题。当我单击组件内的组件时，我想触发显示模式。这是我已经工作了一段时间的模块：

应该发生什么？

我希望当我单击 DropdownItem 中的 div 时它会触发 setState

}

这是我要展示的模态：

非常感谢您的帮助，因为我已经处理这个问题大约两天了。我可以使用 custommenu 来解决这个问题，但是以我的学习过程的名义，我确信我需要询问我遇到的这个问题。

非常感谢！

我读了Popovers 的文档。我尝试delay在 Popover 上使用，但延迟不起作用。

我犯错了吗？

Live version

我从一个表单开始，reactstrap并且有一个场景，我有多个复选框。有了这个，如果我选中了复选框，我想textarea在它下面附加一个。很难在单个组件中弄清楚这一点。

此外，我尝试将工具提示附加到表单的另一个区域，使用reactstrap我得到类似混乱结果的地方。有了这一部分（似乎与带有 的复选框的情况相似textarea），所有工具提示都适用于第一个anchor标签，如代码下方的图像所示。

我的代码：

第二期的图片似乎与第一期相关：

我正在开发一个反应应用程序并使用 reactstrap。

我正在使用 reactstrap 的工具提示组件，它需要一个目标属性，即目标元素 id 的值。这个 id 是动态生成的，似乎 reactstrap 工具提示不喜欢它。

组件看起来像：

电影卡.jsx

有什么建议么？

反应版本 16.2.0

reactstrap 5.0.0-alpha.4

我有以下代码用于 React 应用程序中的导航栏。当浏览器窗口很宽时，导航栏内容看起来不错，但是一旦我越过navbar-expand-lg截止点，图标就会垂直对齐。我该如何防止呢？（见下面的代码截图）

尝试在外部组件中使用“reactstrap”中的 {Input} 等组件时出现以下错误，似乎我没有以某种方式将 reactstrap 与我的其他组件一起导入。

我的App.jsx是这样的：

这是我的Login.jsx

这是我得到的错误

我开始使用reactstrap开发一个 React 应用程序。我按照 Get Started 运行以下命令：

然后我可以在我的项目文件夹"bootstrap": "^4.0.0"中package.json的 'sdependencies和 bootstrap/ 中看到。node_modules出色地。

例如，现在我想更改 boostrap 的原色。让我们开始简单:)。我已阅读Bootstrap 4 Themingcustom.scss ，但在我的项目中没有找到任何内容。

使用 reactstrap 时添加和编辑引导主题的正确方法是什么？另外，我如何在引导更新/node_modules中保留我的更改.gitignore？

PS：我是 web / react 开发的新手，所以如果我问/说任何愚蠢或明显的事情，我深表歉意。

谢谢

我正在使用 reactstrap（基于 Bootstrap4）来创建一个 React 应用程序。我正在尝试创建一对并排的卡片（登录和注册集），当浏览器很小时，它们会一个在另一个之上。我可以让它们水平居中，但不能垂直居中。似乎容器/行/列没有扩展以填充窗口。一个人将如何解决这个问题？

有关工作示例，请参阅https://codesandbox.io/s/71r9x2ynwx 。

我在https://codesandbox.io/s/426277vml9有一个示例。我使用单独的列，因为我希望它们以低分辨率堆叠。

显然，现在，高度是内容的函数，因此它们是不平等的。有什么办法（没有强制固定高度）让它们自动对齐到相同的高度？