问题标签 [reactstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
11814 浏览

reactjs - Material-UI 可以与 Bootstrap 4 一起使用吗

我计划使用 Bootstrap-4 和reactstrap(用于 React Bootstrap 4 组件)构建一个 React 应用程序,但我也想将 Google 的材料设计整合到我的应用程序中,而 reactstrap 没有提供。我的问题是:我可以将 Material-UI 与 Bootstrap 4 一起使用而不是 reactstrap 吗?这样我就可以得到 React 组件和材料设计。

更新(26/05/2017):Material-UI将很快发布他们自己的使用 Flexbox 构建的网格系统。

0 投票
6 回答
6099 浏览

react-router - Reactstrap and React-router 4.0.0-beta.6 - active

I'm using Reactstrap and React-router 4.0.0-beta.6 in the educational project that is located on gitlab with custom domain.
According to Reactstrap docs: that's the way I should use active navlink

According to React-router v4 docs:

So how should I do implement navlink active state and use react-router?

0 投票
0 回答
1678 浏览

javascript - 导入 reactstrap 组件使用错误的语法

根据文档,我应该能够这样做来导入一个组件以在我的 React 应用程序中使用:

但是,这将导致 webpack 像这样抱怨:

| 未找到模块:错误:无法解析“~/project/client/app/bundles/Frontend/components/team”中的“reactstrap”

然后,我将导入切换为:

并且导入和功能有效!

这可能意味着(?)某些配置或模块导出不适用于该模块。我在哪里可以开始调试/修复这个?

0 投票
2 回答
10748 浏览

reactjs - 如何在 reactJS 中自定义 reactstrap 下拉菜单

使用 ReactJS 创建示例应用程序并为 boostrap 安装 reactstrap。我在运行良好的应用程序中使用下拉组件。代码是

但我必须改变。

就像目前他们只传递文本

. 但

我必须通过 3 件事,如图标、标题和子标题

那么我可以为这种类型的自定义更改 DropdownItem.js 代码吗?

我必须制作类似于这张图片的下拉菜单http://prntscr.com/f34zoo

提前致谢

0 投票
3 回答
32121 浏览

reactjs - How to set selected item in reactstrap Dropdown?

How to set selected item in reactstrap Dropdown?

There is example of dropdown: https://reactstrap.github.io/components/dropdowns/

When I select item in dropdown, it is not displayed.

*******************Working solution*****************************

0 投票
1 回答
9249 浏览

twitter-bootstrap - 我如何从反应模式引导中获得价值?

如何从引导模式中获得价值?我正在使用reacstrap https://github.com/reactstrap

这是我调用模态的页面

这是我的模态组件:

它显示模态: 在此处输入图像描述

但是如何将我在模态中输入的值获取到调用模态的页面?提前致谢。

0 投票
1 回答
382 浏览

javascript - 没有值时是否可以呈现 recharts 工具提示事件?

这是一个例子http://jsfiddle.net/obg92kw3/

当悬停在没有价值的类别上时,我想呈现工具提示。像Page C, Page D, Page E.

0 投票
1 回答
222 浏览

reactjs - 正在反应 jsx 中运行 reactstrap 下拉菜单

新的反应和使用 reactstrap。我只是尝试添加一个下拉菜单并运行此代码,因为它最初在语法上出错,但是当我修改时,它会引发更多错误。这是代码:

0 投票
0 回答
1094 浏览

javascript - 带有操作按钮的 React 和 reactstrap 表

我是新手,正在使用 react 和 reactstrap 创建一个表格。试图找到一个参考来构建一个表,该表对表中的每一行都有一些功能。运气不太好。

我的初始代码是:

希望你们中的一些人可以指出我可以找到一个工作表的位置,该工作表具有编辑、删除等功能。表中的每一行都有功能。

0 投票
1 回答
346 浏览

reactjs - Reactstrap 导致有关 tether.js 的严重依赖警告

reactstrap在最初由create-react-app.

我遇到的问题是reactstrap,我收到以下控制台警告:

在项目的 GitHub 问题中,我看到可能的解决方案如下所示:“要抑制警告(暂时),请将其添加到您的 webpack 配置文件中......”。问题是,对于 Facebook,create-react-app我没有要配置的 Webpack 配置文件。我该如何解决这个警告