问题标签 [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.
size - 在 react-boostrap 模式上指定/设置宽度和高度
如何将动态宽度和高度应用于 react-bootstrap 模式窗口?我在这里检查了 react-bootstrap 文档,但不知道该怎么做。实际上,宽度和高度道具的值将是动态的(可以是任何值),因为这将是我的应用程序中的可重用组件(用于许多页面),因此无法通过某些 CSS 类应用宽度/高度。
文档中提到的“bsSize”属性也不起作用,尽管 xs、md、lg 的预定义大小不是我真正想要的,而是我需要通过道具在模态上设置宽度和高度。
这是我的示例 JSX 代码:
javascript - 带有 react-bootstrap 的下拉菜单适用于构建静态文件,但不适用于 Web 服务器
我有一个与 react-bootstrap 和 react-mini-router 反应的简单页面。
我在 react-bootstrap 示例中使用相同的代码来导航下拉菜单:
当我构建页面并打开索引时,如您在此处看到的那样,菜单中的下拉菜单按预期工作,并且只是放下菜单而不导航页面,无论您是在“家”还是“关于”。
但是,当我使用 gulp-connect 或 python SimpleHTTPServer 在 localhost 提供页面时,按下下拉菜单总是会将页面更改/导航到“主页”,即使下拉菜单不是链接。
这怎么可能发生?
可以在此处找到示例的完整代码,并且可以通过运行 gulp 来复制问题,这将启动 Web 服务器。
datepicker - 将来有没有计划为 react-bootstrap 提供日期选择器组件?
react-bootstrap 库的日期选择器组件未来有什么计划吗?似乎很有帮助。
非常感谢。此致,
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”)
reactjs - 带有 React-Bootstrap 的 Webpack,很多“未找到模块”错误
我刚刚开始使用 Webpack,我无法找到打包 React-Bootstrap 的最佳方式。
尝试用 React 和 React-Router 打包 React-Bootstrap。React 和 React-Router 都按预期工作,但 React-Bootstrap 出现错误。我查看了别名,使用供应商块,并像这样引用 React-Bootstrap:
但这似乎很笨拙。我正在寻找用 Webpack 打包 React-Bootstrap 的“正确”方式。
错误:
有什么我想念的吗?
编辑我已经尝试过:
它没有解决问题。
我还将添加我的 webpack 配置:
javascript - React Bootstrap 无法渲染
我刚刚安装了 React Bootstrap 并开始学习使用它
我首先在http://react-bootstrap.github.io/components.html上做教程
然后我复制了 React Bootstrap Button 的全部教程,如下所示:
我不知道到底发生了什么。什么都没有渲染。我做错什么了吗?我下载了 React Bootstrap 并已将其包含在 HTML 文件中。这是不可能的!
twitter-bootstrap-3 - 反应引导工具提示,我该如何触发它?
已向我的组件添加了工具提示和触发器,我怎样才能让它触发工具提示?
像这样需要的模块:
像这样渲染触发器:
但是什么都没有发生?
我怎样才能让它着火?
谢谢
工具提示组件是:
css - 如何使用自定义 css 文件覆盖 react-bootstrap
我用react-bootstrap
,但是我想修改一些元素,所以我自己写了custom.css
。但是它没有做任何改变(只有当我放!important
,但文件太大所以不是一个好的选择)。
这就是我到目前为止所做的。
meteor - 组合meteor+react+react-bootstrap所需的包
我单独使用以下软件包并组合使用
当我使用该react
软件包时,引导程序不起作用。
如果我使用firfi:meteor-react-bootstrap
,则反应包不起作用。
当我使用这两个包时出现错误
未捕获的错误:不变违规:addComponentAsRefTo(...):只有 ReactOwner 可以拥有 refs。这通常意味着您正在尝试将 ref 添加到没有所有者的组件(即不是在另一个组件的
render
方法中创建的)。尝试在一个新的顶级组件中渲染这个组件,该组件将保存 ref。
任何人都可以建议一个包react和react-bootstrap for meteor吗?
我的代码:
react-bootstrap - 如何在 React-Bootstrap 中捕获选项卡的“hide.bs.tab”事件
由于文档 React-Bootstrap 支持选项卡的onSelect方法,一旦选项卡切换到另一个选项卡就会触发。我正在寻找类似于原生 Twitter Bootstrap 事件hide.bs.tab的东西的东西来确定选项卡开始关闭的时刻。
我发现了一些带有onExit 方法的实用程序的实用程序,但这对标签不起作用,对我来说。
怎么做?