问题标签 [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 回答
2993 浏览

node.js - react-bootstrap 不包含 css

我的 jsx 文件成功识别了 react-bootstrap 元素,但它们没有样式。我项目的 node-modules 文件夹包含 react-bootstrap 和 bootstrap。为什么会这样?

结果是什么样的

0 投票
1 回答
2736 浏览

reactjs - React bootstrap - 未捕获的类型错误:无法读取未定义的属性“toUpperCase”

我的班级如下:

如果我替换<Input />为,<input />则没有错误。

堆栈跟踪仅显示我的 app.jsx 没有用。

怎么了?

0 投票
2 回答
11246 浏览

reactjs - React-Bootstrap 中 NavDropdown 中的 EventKeys

我对 NavDropdowns 中的 eventKey 有疑问。

我希望能够在我的 selectHandler 中告诉单击了哪个 Nav 元素。这适用于除 NavDropdown 之外的所有元素:

单击 Dropdown 不会触发 selectHandler,这很好。但是当我单击其中一个 MenuItem 时,它没有给我 eventKey,而是给了我一个事件对象。

如何修改 NavDropdown 以便它为我提供 eventKey?


编辑:我的版本是:

0 投票
6 回答
23690 浏览

react-bootstrap - navbar-fixed-top 显示 Navbar 后面的内容

滚动时如何防止内容漂浮在导航栏后面?

或者它在:

谢谢

0 投票
1 回答
472 浏览

reactjs - ModalTrigger:未捕获的类型错误:无法读取未定义的属性“toUpperCase”

更新:我发现 ModalTrigger 已被弃用:1b1af04 [changed] deprecate

现在我正在调查这个。

我在使用 react-bootstrap ModalTrigger 时遇到问题。以下使用工作,但升级到
“react-bootstrap”:“^0.25.1”,
“react”:“^0.13.3”,

我收到以下错误:未捕获的类型错误:无法读取未定义的属性“toUpperCase”

你知道为什么吗?

0 投票
12 回答
43499 浏览

reactjs - react-bootstrap 如何在选择项目时折叠菜单

选择项目后如何使菜单折叠?

我不知道如何让它在小提琴上工作,但这就是我会做的? https://jsfiddle.net/vjeux/kb3gN/

0 投票
1 回答
2029 浏览

node.js - 为什么 npm install 不能从 npm 上的一个包的分支正确构建依赖关系?

我有一个使用旧版本的react-bootstrap的项目

在我的 package.json 我有

那里有一个导致问题的错误,它的修复非常简单,所以我分叉了 repo,回滚到 v0.13.3 的提交:

修复了我的 1 行,然后强制推回我的前叉。

然后我在主项目中更新了我的 package.json 以指向我的 fork:

我删除了 node_modules 目录并运行sudo npm cache clear以确保一切都很好而且新鲜。然后我跑了npm install,它确实从 repo 中拉下了我的 react-bootstrap 版本。

但是,它现在下拉的版本与 node_modules 文件夹中的格式不同。从本质上讲,它似乎并没有构建项目。

如果我使用:

然后 node_modules 文件夹包含构建的代码,如下所示:

但是当我将它指向我的 repo 的分叉版本时:

然后我只得到节点模块中的源代码库结构(它似乎没有被构建)

现在,当我使用 react bootstrap 引用它时require('react-bootstrap')它不起作用(因为尚未构建文件)。

那么我指向 npmjs 上的文件而不是 github 上的文件有什么不同呢?react-bootstrap package.json 中没有任何 prepublish/publish/postpublish 脚本,所以我不确定他们是否在推送到 npmjs 之前手动构建了它。

npm install基本上,当我在我的主项目上运行时,我需要自动构建我的分叉版本。有任何想法吗?

编辑 1

npm install根据乔纳森穆勒的回答,在更新我的 react-bootstrap 分支后,我在主项目 repo 上运行的错误如下:

0 投票
6 回答
12502 浏览

javascript - 带有输入的 React-Bootstrap 下拉菜单不会保持打开状态

我在MenuItem内使用带有Input的React-Bootstrap DropDown(否则控制台会对我大喊Uncaught TypeError: Cannot read property 'focus' of undefined

好的,所以下拉呈现,并且输入位于菜单项内(一切都很好),除非我在输入内部单击,下拉关闭。

这是我的 JSX

非常感谢任何指向正确方向的人,我整天都在努力解决这个问题。

谢谢你。

0 投票
2 回答
910 浏览

javascript - 错误反应引导程序警报

当从 API 返回 401 时,我想在组件中显示错误消息。我正在尝试使用不受任何约束的状态并且正在使用 ES6。我正进入(状态

Cannot read property 'setState' of undefined

这是登录功能:

0 投票
1 回答
2365 浏览

javascript - 指定元素的位置,React-Bootstrap

我是 JS 世界的新手,并且遇到了这个可能很简单的问题:我想指定将添加到另一个元素的元素的位置,并且我想在应用程序中设置位置,而不是在 .css 中。

我现在有

在 .css 中

我想为应用程序内部的右侧和底部设置参数,而不是在 .css 中。我怎样才能做到这一点 ?

谢谢!