在 React Bootstrap Button 组件中有条件地呈现的 JavaScript 模板字符串中插入 \n 以换行是无效的
[英]Inserting \n to break line in JavaScript template string conditionally rendered in React Bootstrap Button component is ineffective
我的 React 组件的一部分是由 React Bootstrap Button 组件组成的。 在这一个中，我根据以下代码根据其切换的 state 有条件地呈现一个字符串： 如您所见，我包含了 \n 是因为我想将日期和标题放在按钮的不同行上，为此我也将其显示为一个块（而不是默认的内联块）。 应用程序 ...
水平堆叠 react-bootstrap 手风琴
[英]Stack react-bootstrap accordian as horizontal
我们有一些需要呈现为手风琴的类别组的要求，它应该如下所示； 在扩展上，它需要扩展自己并显示身体。 我们创建了单独的组件，它将接受字符串数组和一些辅助函数，但所有这些手风琴在父组件上呈现为垂直 import { ListGroup, ListGroupItem } from "react-boots ...
在 react js 中显示没有幻灯片的单个图像或视频
[英]Display single an image or a video without a slideshow in react js
如果只有一个，我想显示没有幻灯片的图像或视频。 请帮我编辑我的代码。 这是我的代码，但每次都会返回轮播。 ...
动态更改反应引导按钮的变体？
[英]Dynamically change variant of a react-bootstrap Button?
如何动态更改 react-bootstrap 按钮的变体？ https://react-bootstrap.github.io/components/buttons/ 谢谢和亲切的问候 ...
如何在 react-bootstrap 中调整模态高度和宽度？
[英]How to Resize Modal height and width in react-bootstrap?
我正在尝试在我的应用程序中使用 React Bootstrap Modal，但是对话框太小了，我想把它变大。 我怎样才能做到这一点？ 我已经完成了代码，但我认为 css 不起作用这是代码： CSS： ...
分配相同的按钮以在 react-router-dom 中路由另一个根并从 form.Control 上具有所需属性的表单提交数据
[英]Assigning same button to route another root in react-router-dom and submitting data from a form with required attributes on form.Control
我正在处理 react-bootstrap 表单和 react-router dom 分配了相同的按钮以重定向到另一个页面并提交数据我希望表单在转到指定页面之前检查所需的输入字段是否有数据。 在这里，我从中获取了很少的数据。 点击提交按钮，我想让按钮检查是否正在填写数据，如果没有，则需要填写数据； ...
Bootstrap Carousel 组件导致空白页
[英]Bootstrap Carousel Component Cause Blank Page
这可能是一些愚蠢的问题，但我被困在这里。 我创建了Header和Footer组件，它们工作正常。 我还创建了另一个名为Slider的组件，其中有Carousel组件。 由于我将Slider放在Header和Footer之间， App.js页面变成空白。 当我删除Slider内的Carousel组件并 ...
React-Bootsrap Col 额外间距右边
[英]React-Bootsrap Col extra spacing right
我希望使用 react 和 react-bootstrap 将所有 corder 组件拉到屏幕的一角。 无论我尝试什么，包装 SVG 组件的 Col 都会在右侧增加额外的空间。 对于左侧角，这无关紧要，但在右侧，这不允许将组件放置在角中。 我试过 right: 0，改变 col 大小，覆盖容器 c ...
使用 react-bootstrap 创建一个大型菜单
[英]Creating a mega menu using react-bootstrap
目前我正在为我的一个项目创建大型菜单。 到目前为止，我已经能够创建一个响应式导航栏，但要求是创建一个宽度为 100% 的下拉面板。 尝试了各种方法使其全宽，但都没有奏效。 注意：所有其他 Nav.Link 也需要与 NavDropdown 相同。 import React from "react" ...
在 React-bootstrap Form 的组件中检索选定的选项值
[英]Retrieve a selected option value in a component for React-bootstrap Form
它是一个可以检索从选项中选择的值的表单。 我试图将代码拆分为一个组件以重新使用它，但是在 FormTestPage 中单击提交按钮时无法检索所选的值： FormTestPage SelectField 我也尝试过将 useState 变量作为道具传递给 SelectField 但没有成功。 谢谢 ...
如何在中建立链接<navbar>使用 react-boostrap 向右浮动</navbar>
[英]How to make links in <NavBar> float right using react-boostrap
我希望嵌套在第一个 Nav 标签内的所有元素都位于 NavBar 的左侧，而第二个 Nav 标签中的所有元素都向右浮动。 如何使用 React Bootstrap 实现此目的？ 我尝试在第二个 Nav 标签上执行 Nav className="float-right" 但它没有用。 我也试过 cla ...
我无法通过这个（React，react-bootstrap）Array.map（）JavaScript syntaqx 错误
[英]I can't get past this (React, react-bootstrap) Array.map() JavaScript syntaqx error
我正在使用反应和反应引导程序。 我整天都在看这段代码，但似乎无法修复它。 我收到语法错误：第 30:26 行：解析错误：意外标记，应为“}”(30:26)import "bootstrap/dist/css/bootstrap.css"; import { Dropdown, DropdownBut ...
在表单第一次验证错误时展开手风琴
[英]Expand accordion upon first validation error of a form
我在 react-bootstrap 中有一个手风琴和一个带有验证的表单。 一些表单字段在手风琴的第一页上，一些在第二页上。 验证错误后，如何展开包含第一个无效字段的手风琴页面？ 我设法获得了第一个无效的表单字段，但我无法确定哪个手风琴页面包含该字段。 ...
向下滚动时反应下划线 react-bootstrap NavItem
[英]React underline react-bootstrap NavItem when scrolling down
我正在尝试制作一个网页，其中有一个带有一些 Nav 项目的 react-bootstrap 导航栏。 我想滚动页面，这样当我 go 到一个新部分时，那个特定的 NavItem 带有下划线，或者当我点击那个 NavItem 时，它会自动滚动到那个项目。 我尝试在线查找并找到了 react-scrol ...
React CSSTransition 两次创建新页面并在这两个相同的页面上运行转换
[英]React CSSTransition creates new page twice and runs the transtion on these two identical pages
我使用react-router和useNavigate在页面之间切换。 通过CSSTransition ，我想在页面之间进行平滑过渡。 不幸的是，它没有按预期工作，路由器立即删除当前页面并创建新页面两次，然后在这两个相同的页面上执行转换。 应用程序.jsimport "./styles.css"; ...
在 React/Bootstrap 中使用 style="" 使页面空白
[英]Using style="" in React/Bootstrap makes page blank
代码 在上面的代码中，只要我不添加 style=，它就可以工作，每次我在任何地方添加它时都会发生同样的情况。 例如 工作但是 才不是。 我尝试重新安装引导程序。 预期：应显示页面及其内容。 ...
在 react-imask、react-bootstrap 和 react-hook-form 之间共享引用
[英]Sharing refs between react-imask, react-bootstrap, and react-hook-form
我目前正在使用react-bootstrap和react-imask一起使用他们的示例和 IMaskMixin： 现在，我想在这个控件中使用react-hook-form ； 寄存器 function 上的点差相当于此 所以它期望 ref 访问输入 ref，react-hook-form 中的值永远 ...
我如何判断 React-Bootstrap 组件是否已完成渲染？
[英]How can I tell if an React-Bootstrap component has finished rendering?
我有一个 React Bootstrap 手风琴，里面有很多数据，需要几秒钟才能加载，如果您在此之前尝试扩展它，它就无法正常工作。 我想隐藏/覆盖手风琴直到渲染完成。 需要明确的是：这不是在服务器上等待数据加载的问题——它在客户端上都是可用的，只是有很多东西要渲染。 我在 React 文档中找不到 ...
如何获得相同大小的 React-bootstrap 卡？
[英]How to get React-bootstrap cards the same size?
我正在为我的应用程序使用 React-bootstrap，特别是 Card 和 CardGroup 组件。 我需要帮助使卡片高度相同。 JSX 组件： 相关CSS： 这是目前的样子在这里输入图片描述我试过使用最大高度和最小高度，但没有用。 我一个月前学会了反应，因此正在努力适应它。 无论照片的高 ...
我怎样才能在 React 应用程序的页脚中并排显示我的两个图标？
[英]How can i get my two icons side-by-side in my footer in React app?
我正在建立一个反应组合。 我正在努力设计我的页脚。 我只想在上面包含 Github 和 LinkedIn 的图标。 我想让它们并排放置，并且在您到达页面末尾时位于屏幕底部。 目前，这两个图标垂直堆叠在底部，在页面中间，两行之间有很大的空间。 我已经实施了反应引导程序。 这是我的页脚组件： 这是我的 ...