问题标签 [reactstrap]

有没有办法只setState({collapse: true})针对手机屏幕？如何this.state.collapse根据当前窗口大小切换？

基本上我希望列表隐藏在移动设备上，因为有按钮可以切换它，它从平板电脑尺寸及以后隐藏。

我从来没有使用过进度条，所以我试图通过拼凑各种来源并试图让它与 React 和 Reactstrap 一起工作来弄清楚。这对我来说似乎很有意义，但它不起作用。

这是 reactstrap 关于 <Progress />. 基本上，它需要一个value道具，所以我试图将它传递给一个方法，以便它可以动态更新，理论上应该使进度条移动。

https://reactstrap.github.io/components/progress/

但是，在我的情况下，条形图只更新到 5%，但console.log确实更新到了 100。

这是我的组件。我在这里做错了什么？

我正在使用 reactstrapBreadcrumb组件如下：

当我给出这样的值时：

href={`/dashboard/channels/${{match.params.channelName}`}}

...重定向似乎有效，但整个页面重新加载。请提出更好的替代方案。

我想为我的反应组件（Navlink）设置颜色“白色”。主页和日志链接总是很暗:(永远不会设置白色。我使用 Reacstrap，Bootstap 4。我用 css 分隔 js 这里我的代码：

Sidebar.js

和 Sidebar.css

我正在使用reactStrap，如何更改模态对话的宽度，我正在尝试将其设置为 100% 宽度

我尝试使用 modal-content-custom

使用内联样式

使用自定义类

但它对我不起作用，它没有覆盖 modal-dialogue 的 940px

启用 CSS 模块时如何使用 reactstrap？似乎 reactstrap 无法正常工作。我过去常常打电话css，className={classes.mycss}但后来我按照这里的说明https://reactstrap.github.io/仍然没有工作。我bootstrap css也在我的index.js. 知道如何解决这个问题吗？

index.js

我的组件

更新：这似乎是一个 UX 问题，我在 GitHub 上创建了一个问题，您可以在此处跟踪：

https://github.com/reactstrap/reactstrap/issues/910#issuecomment-374369572

我正在使用 Reactstrap。

我只想在鼠标悬停 2 秒后显示工具提示。当我立即单击该按钮时，我不希望它显示出来。

但是现在当我立即单击按钮时，它会显示工具提示。

我尝试了控制Tooltip和UncontrolledTooltip，但都不起作用。

对于Tooltip，我尝试添加onClick={() => {}}，但也无济于事。

立即单击按钮时如何不显示工具提示？谢谢

Live demo

• 成分：Catalog
• 反应带版本#4.8.0
• 反应版#16.2.0
• 引导版本#4.0.0

怎么了？

模态没有在我的 HTML 中呈现 -> 检查它什么也没显示。在切换时产生错误。

应该发生什么？

模态应该至少在 DOM 中呈现。

切换时控制台中的错误消息：TypeError：this._dialog 未定义

}

导出默认目录

我也ReduxLazyScroll用于无限滚动效果，它有效，但在它只是ul -> li列表之前。现在我希望我的应用程序以引导网格样式并排生成 3 张卡片，如下所示：

而且我有一些逻辑问题，我无法解决。于是就有了父组件（BeerListingScroll）的代码：

所以我使用 beersArray.map 助手，我知道这个逻辑在里面没有意义map：

因为我将每个beer元素加载了 3 次，然后看起来像这样 -> img

问题是：我应该如何重构该代码以获取第一行中的第一个、第二个和第三个数组元素，第二行中的第 4 个、第 5 个、第 6 个等？

期望的结果：

这里有子组件 ( BeerListItem)

以及 github 上的完整项目 - >链接到 github

如果单击特定按钮区域 ID，我如何从我的模式中传递数据？例如，我有下面列出的对象并有 2 个按钮。如何将我的区域传递给相应的按钮？

这是我如何定义我的状态。

这是我渲染的按钮。两次。

这是数据。