问题标签 [react-bootstrap]

我在用：
'react-bootstrap'

一切正常，但 NavBar 没有折叠，你知道如何让它在被选中时折叠吗？

谢谢

我正在尝试使用带有 jquery 的 react-bootstrap 文件输入fileupload()。使用直接的 jquery，我会做$('#fileUpload').prop('files')让文件传递给 fileupload 调用。但是，我不知道如何使用 react-bootstrap 正确获取文件。

我想将 React-bootstrap 与我当前的 Rails 项目集成。我是 ReactJS 的新手，所以我认为使用 react-bootstrap 库会让事情变得更容易一些。但是，我发现配置非常困难。据说有一个 gem，但是一旦遵循 README 上的说明，它就会引发“权限被拒绝”的错误。我尝试了从 react-bootstrap 网站截取的片段，它可以在没有 react-bootstrap 语法的情况下工作。但是，我尝试过的涉及 Bower、npm、rails-assets gem 等的所有解决方案都不会渲染 react-bootstrap 语法。这是我的 Button.js.jsx 文件，它不会呈现到我的主页：

非常欢迎提示和建议！

该组件来自https://github.com/skratchdot/react-bootstrap-multiselect

在 handleChange() 函数中应该写什么？

我已经开始通过flummox、react-bootstrap和react-router玩react。我正在尝试为我的网站创建一个基本的同构 CMS。

语境 ：

在身份验证方面，每个用户都有一个功能列表，每个组件都使用我的身份验证存储“可以”的方法来显示或不显示，等等......

我在顶部有一个用户导航栏，在 reat-router 处理的每个页面上都可见，带有一个登录/注销按钮，如果用户未登录，则基本上在单击带有登录表单的模态时显示，否则注销确认。

当用户登录时，我希望更新当前显示的页面上的组件（与注销相同）。

这是一个页面示例，该页面显示一个列表，该列表只能由具有适当权限的经过身份验证的用户查看：

过程 ：

1. 当用户提交表单时，我调用了一个动作
2. 该操作向服务器发送请求
3. 该操作由更新其 currentUser 的身份验证存储注册
4. 该组件有一个 currentUser 道具，并使用 componentWillReceiveProps 来检查这个道具是否改变并调用一个动作来请求列表
5. 该操作由更新其商品的商店注册

问题：无法在调度过程中调度

Hack：第二个动作放在 setTimeout 中

问题： 我阅读了很多关于这个特定问题的答案，据说在同一个调度程序周期内调用两个动作是糟糕的设计。所以我的问题是：有没有更好的方法来设计这个过程？

PS：如有必要，我可以发布一些代码。

我在一个 .jsx 文件中完成了所有工作，但我迷失在那个长文件中。所以我把所有东西都分成了多个 .jsx 并使用 browserify/watchify 转换为 .js

现在我得到：

对于线路：

我做错了什么？

我正在开发一个 React 应用程序，这是我的第一个应用程序，我正在努力解决如何实现用户交互式弹出框。我有一个业务需求，需要有一个带有是/否按钮的弹出框。此弹出框由位于视图中表格中的一行中的按钮（“pobtn”）触发：

View、Table 和 Row 都是组件。表格数据在 View 中获取并通过 props 推送到 Table，然后流入 Row，我理解这是“正确的方法”，并且是有道理的。那里没有多少地方州。

问题来自弹出框。我猜，这样做的“正确方法”似乎包括每个按钮旁边的 Popover 组件，并将道具向下推以隐藏/可见。这似乎不是很好，但在我看来更接近正确的方法。

但是，react-bootstrap 弹出窗口（我使用它是因为时间）似乎并没有以这种方式工作：

当您单击触发按钮时，它会创建一个附加到主体的 DIV，并将其自身定位在触发元素旁边，类似于它正常工作的方式（无反应）。看起来我可以将 DIV 附加到另一个容器，但这并没有很好地记录。无论如何，覆盖内容（即 MyRowPopoverContent）类似于：

我开始实现该handleYesClick功能，尝试进行错误处理、异步事件等，这一切看起来都很粗略，或者至少很脆弱。我想问题是：我需要一个交互式弹出框，我该怎么做？似乎弹出窗口将是按钮或行的本地状态的一部分，或者可能像大多数事情似乎做的那样爬到顶部。

由于 react-bootstrap 已经提供了一个，使用它会很好，但我不确定如何将它与其他所有东西“挂钩”。

更新：如果它是一个简单的静态弹出框，那就太棒了；通过道具显示/隐藏它并点击pobtn是非常简单的。我纠结的部分是弹出框内的交互式内容——它做一些事情（比如更新商店的事件）、显示一个微调器、确定该操作是否有效、显示错误消息或消失。即使单击“否”按钮并使弹出框消失也不清楚（我目前用 jQuery 和.click()按钮再次找到它。）通过父级的道具来做这一切似乎很可怕......

我想使用创建一个项目npm，并想在react-bootstrap其中使用。我有package.json以下依赖项。

当我跑步时，npm install我得到：

是否安装成功？在我的里面我app/main.jsx有一个按钮：

当我运行时npm run build，我得到：

我在哪里做错了？

我有一个表格单元格，用户可以单击该表格单元格，它将启动一个显示其他详细信息的 react-bootstrap 模式。模态显示一个具有自己状态的组件，如果商店没有所需的数据，它可能会触发从后端提取数据的操作。

目前我将组件作为反应元素传递给 react-bootstrap 的 OverlayMixin 以显示模式中的详细信息，但我想知道是否应该传递一个反应类并使用 React.createElement 渲染它。

当前代码：

我问这个问题的原因是因为我正在查看Griddle 的文档，他们似乎正在传递一个反应类。

然后使用 React.CreateElement 渲染它。源代码

我怎样才能变小Input？

这是默认语法：

这将导致：

不幸的是，与按钮不同，bsSize='xsmall'在这种情况下不起作用。知道如何使它们变小吗？（像这里的按钮）