问题标签 [react-bootstrap]

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 投票
2 回答
35383 浏览

size - 在 react-boostrap 模式上指定/设置宽度和高度

如何将动态宽度和高度应用于 react-bootstrap 模式窗口?我在这里检查了 react-bootstrap 文档,但不知道该怎么做。实际上,宽度和高度道具的值将是动态的(可以是任何值),因为这将是我的应用程序中的可重用组件(用于许多页面),因此无法通过某些 CSS 类应用宽度/高度。

文档中提到的“bsSize”属性也不起作用,尽管 xs、md、lg 的预定义大小不是我真正想要的,而是我需要通过道具在模态上设置宽度和高度。

这是我的示例 JSX 代码:

0 投票
1 回答
4147 浏览

javascript - 带有 react-bootstrap 的下拉菜单适用于构建静态文件,但不适用于 Web 服务器

我有一个与 react-bootstrap 和 react-mini-router 反应的简单页面。

我在 react-bootstrap 示例中使用相同的代码来导航下拉菜单:

当我构建页面并打开索引时,如您在此处看到的那样,菜单中的下拉菜单按预期工作,并且只是放下菜单而不导航页面,无论您是在“家”还是“关于”。

但是,当我使用 gulp-connect 或 python SimpleHTTPServer 在 localhost 提供页面时,按下下拉菜单总是会将页面更改/导航到“主页”,即使下拉菜单不是链接。

这怎么可能发生?

可以在此处找到示例的完整代码,并且可以通过运行 gulp 来复制问题,这将启动 Web 服务器。

0 投票
0 回答
97 浏览

datepicker - 将来有没有计划为 react-bootstrap 提供日期选择器组件?

react-bootstrap 库的日期选择器组件未来有什么计划吗?似乎很有帮助。

非常感谢。此致,

0 投票
1 回答
117 浏览

scala - scalajs-react 从 0.8.1 迁移到 0.9.2

基本上,我正在寻找有用的 react-bootstrap 包装器。在审查不同的可能性时,我发现了这个 github 项目。我已经分叉了它们并开始更新版本。但是在将 scalajs-react 版本从 0.8.1 更新到 0.9.2 之后,我在 html.Element 与 dom.Element 之间陷入了困境。

在作用域上附加对象调用 getDOMNode()

早期的 domNode 是扩展type TopNode = html.Element的,但在最新版本的 domNode 扩展type TopNode = dom.Element中,没有诸如“className”、“offsetHeight”和“style”之类的值。所以我得到编译失败

如何在最新的 scalajs-react 版本中管理它?(据我了解,此功能已移至单独的项目“scalajs-dom”)

0 投票
2 回答
5441 浏览

reactjs - 带有 React-Bootstrap 的 Webpack,很多“未找到模块”错误

我刚刚开始使用 Webpack,我无法找到打包 React-Bootstrap 的最佳方式。

尝试用 React 和 React-Router 打包 React-Bootstrap。React 和 React-Router 都按预期工作,但 React-Bootstrap 出现错误。我查看了别名,使用供应商块,并像这样引用 React-Bootstrap:

但这似乎很笨拙。我正在寻找用 Webpack 打包 React-Bootstrap 的“正确”方式。

错误:

有什么我想念的吗?

编辑我已经尝试过:

它没有解决问题。

我还将添加我的 webpack 配置:

0 投票
1 回答
6661 浏览

javascript - React Bootstrap 无法渲染

我刚刚安装了 React Bootstrap 并开始学习使用它

我首先在http://react-bootstrap.github.io/components.html上做教程

然后我复制了 React Bootstrap Button 的全部教程,如下所示:

我不知道到底发生了什么。什么都没有渲染。我做错什么了吗?我下载了 React Bootstrap 并已将其包含在 HTML 文件中。这是不可能的!

0 投票
3 回答
15567 浏览

twitter-bootstrap-3 - 反应引导工具提示,我该如何触发它?

已向我的组件添加了工具提示和触发器,我怎样才能让它触发工具提示?

像这样需要的模块:

像这样渲染触发器:

但是什么都没有发生?

我怎样才能让它着火?

谢谢

工具提示组件是:

0 投票
1 回答
9632 浏览

css - 如何使用自定义 css 文件覆盖 react-bootstrap

我用react-bootstrap,但是我想修改一些元素,所以我自己写了custom.css。但是它没有做任何改变(只有当我放!important,但文件太大所以不是一个好的选择)。

这就是我到目前为止所做的。

0 投票
1 回答
610 浏览

meteor - 组合meteor+react+react-bootstrap所需的包

我单独使用以下软件包并组合使用

当我使用该react软件包时,引导程序不起作用。

如果我使用firfi:meteor-react-bootstrap,则反应包不起作用。

当我使用这两个包时出现错误

未捕获的错误:不变违规:addComponentAsRefTo(...):只有 ReactOwner 可以拥有 refs。这通常意味着您正在尝试将 ref 添加到没有所有者的组件(即不是在另一个组件的render方法中创建的)。尝试在一个新的顶级组件中渲染这个组件,该组件将保存 ref。

任何人都可以建议一个包reactreact-bootstrap for meteor吗?

我的代码

0 投票
2 回答
711 浏览

react-bootstrap - 如何在 React-Bootstrap 中捕获选项卡的“hide.bs.tab”事件

由于文档 React-Bootstrap 支持选项卡的onSelect方法,一旦选项卡切换到另一个选项卡就会触发。我正在寻找类似于原生 Twitter Bootstrap 事件hide.bs.tab的东西的东西来确定选项卡开始关闭的时刻。

我发现了一些带有onExit 方法的实用程序的实用程序,但这对标签不起作用,对我来说。

怎么做?