问题标签 [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.
reactjs - 使用某些 React-Bootstrap 组件会导致不变量违规
我刚刚升级到 React Bootstrap v. 0.27.1、React v. 0.14.0 和 React Router v. 1.0.0-rc3，现在当我使用某些 React Bootstrap 组件时，我遇到了Invariant Violation 。
未捕获的错误：不变违规：addComponentAsRefTo(...)：只有 ReactOwner 可以有 refs。您可能正在向未在组件
render方法中创建的组件添加 ref，或者您加载了多个 React 副本（详细信息：https ://fb.me/react-refs-must-have-owner ）。
具体来说，我在使用<Input>and<Nav>组件时会看到这一点。所以我得到以下行为。
如您所见，切换<Nav>到其常规 Bootstrap 标记可以解决问题。当我添加一个<Input>组件时也是如此。可能还有其他组件会导致故障，但我只将其范围缩小到这两个。
无论如何，我无法弄清楚为什么这些组件会发生这种情况而不是其他组件，任何帮助将不胜感激。
react-bootstrap - 反应引导按钮 bsStyle
好的，我显然遗漏了一些东西，但现在无法弄清楚。
我可以看到按钮，但没有应用于它们的样式。Thay 都像第三个一样简单。灰色和小。我错过了什么？
javascript - 让 React 引导组件（弹出框）自动更改位置
我目前正在使用React Bootstrap将 Bootstrap React 组件添加到我的应用程序中。
当用户单击按钮时，会出现一个弹出窗口，允许用户将项目添加到列表中。它如下所示：
当用户在输入框中键入并按下“添加”时，它会在按钮所在的 div 中添加一行。但是，由于弹出框是添加到的最末尾<body>，因此弹出框不会随着行数移动增加。它如下所示：
适用的代码如下所示：
wherethis.generatePopover()使用该<Popover>组件。
reactjs - React-Bootstrap 折叠按钮不起作用
我遇到了折叠问题。单击处理程序正在工作，但额外区域仅在下一次重写父组件后（未）折叠。这是两个方面的坏消息
- 点击时没有动画
- 当父组件没有更改其道具时，子组件将被重绘（您可以看到该
extra值是此类私有的）。
经过搜索，我之前找不到这个问题。如何让折叠与按钮单击相关联。
import { Grid, Row, Col, Input, Button, Collapse } from 'react-bootstrap';
input - 如何在 react-bootstrap 上使按钮默认
我有一个用 react-bootstrap 制作的登录表单。表单输入用户名和密码以及“登录”按钮。除了用鼠标单击“登录”按钮之外，我还想让用户通过按键盘上的“输入”来提交表单。我怎样才能做到这一点？
}
reactjs - 使用 Redux 反应引导
我无法让 react-bootstrap 在我的 react-redux 应用程序中执行此操作。我有一个看起来像这样的组件：
但是 react-bootstrap 并没有为元素设置样式。对我所缺少的有什么想法吗？谢谢！
reactjs - 点击时使用 Boostrap Modal 测试 React
我从反应引导网站得到了这个简单的代码......
这是我的测试...简单我想单击启动按钮，验证模态打开，然后单击取消按钮以验证模态不再打开。
请问如何找到取消按钮？我尝试了各种各样的东西，似乎没有什么对我有用。
reactjs - 如何在 react-bootstrap 自定义选项卡上自定义
我正在使用来自该站点的 react-bootstrap：http ://react-bootstrap.github.io/components.html
我想知道如何自定义一个像这样的标签（在标签部分）：
我想添加一个十字按钮来关闭它，但我没有找到如何做到这一点。你能帮我吗 ？
reactjs - 获取引导元素以在 plunker 上呈现
我是 react 和 react-bootstrap 的新手，所以我想我将从在 plunker 上渲染一个引导组件开始。
事实证明，这比我想象的要难，我不确定我到底做错了什么。
这是plunk：http ://plnkr.co/edit/mVBVhT1FDliyDpzTR7PJ?p=preview
在 plunk 上的 jsx 文件中：
我只是粘贴了示例，然后根据一些 github 线程进行了一些更改以尝试使其正常工作，但我没有任何乐趣。
我究竟做错了什么？