问题标签 [reactstrap]

I use React and Bootstrap 4. How do I hide the element in the mobile version?

does not work.

• 组件：旋转木马
• reactstrap 版本 5.0.0-alpha.3
• 反应版本 #16
• 引导版本 #4.0.0.beta2

你好，

我已经在我的应用程序中实现了 reactstrap（这是一个很棒的工具！）。我在主页顶部添加了一个轮播。它循环播放 4 张带标题的图像。我正在使用最新的反应。使用轮播时，我注意到我的页面上有闪烁。它不时发生，可见页面似乎闪烁/闪烁一次不到一秒钟，然后一切恢复正常。闪烁/闪烁似乎显示了轮播下方页面的内容，但真的很难分辨。

我已经尝试了我能想到的一切来纠正它。我什至使用 will-change: transform css 属性来准备浏览器的性能。没有任何效果。

我想知道这是 react v16 的问题，还是使用 reactstrap 的 alpha 版本有问题。也就是说，我似乎无法纠正这个问题。

非常感谢您对解决此问题的帮助。谢谢你们。

谢谢

在我的 React 应用程序中，我正在尝试使用package 中DateTimePicker包含的react-widgets组件。我还通过reactstrap.

我已经安装了模块：

但是当我尝试使用该DateTimePicker组件时：

我得到错误

我还缺少哪些 npm 包或配置？

我有一个来自这个示例reactstrap carousel的引导轮播组件。但是当它呈现我得到错误：

遇到两个孩子用同一个钥匙，undefinedundefinedundefined。密钥应该是唯一的，以便组件在更新时保持其身份。非唯一键可能会导致子项被复制和/或省略——这种行为不受支持，并且可能在未来的版本中发生变化。在 ol（由 CarouselIndicators 创建）

但“CarouselIndicators”项目是唯一值。谁能解释我哪里错了？

我想知道如何控制 Navlink 的类名，所以如果实际路径是 X，那么 NavLink 的类是活动的。我在使用 Laravel 和简单的引导程序之前就这样做了，但我不知道如何使用 React 和 Reactstrap 来做到这一点。

示例 Laravel：

我的 ReactJS 代码：

reactstrap似乎与不使用 popper 的组件一起工作正常，但是当我尝试使用 DropdownToggle 和 DropdownMenu 时，我得到了popperManager is undefined. 我正在使用nextjs，但不确定这是否相关。怎么了？

我正在为我的应用程序构建导航栏组件，但我遇到了 activeClassName 属性的问题。当我在链接之间更改时，它不会改变任何类或样式。我已经尝试了我在 Internet 上看到的所有内容，但没有任何结果。也许有人可以就这个问题给我一个建议。

我的进口：

这是我到目前为止的代码：

谢谢你

我正在尝试为我的反应应用程序制作导航栏，并且我正在使用以下代码： ReactStrap navbar component

但是，导航栏图标不会出现在小型设备视图中。

小设备导航栏（图标不显示）

我的导航栏.js

问题出在 reactstrap 卡上：https ://reactstrap.github.io/components/card/

使用 Card 等 reactstrap 组件不起作用。

组件：版本 I

输出： *它工作正常，没有任何错误。

但是当我尝试使用 reactstrap 的其余组件时。它在控制台上引发错误。

组件：版本 II

输出：

包.json

我无法调试此问题。请帮忙！TIA。

我目前正在尝试使用 reactstrap 创建导航栏，我想使用

这将映射到 React-Bootstrap 中的 Navbar.Header。

不幸的是，我在 reactstrap 中找不到这样的组件。我错过了什么吗？