reactstrap 相关问题

Bootstrap 4的无状态React组件。

在 React 中插入映射的 SVG

我正在做我的第一个更大的React项目,我已经花了一天的时间来解决这个看似简单的问题。请原谅我的术语错误。 所以我有大约一百个 svgs,每个都有趣......

回答 2 投票 0

如何让 Reactstrap 响应式?

我刚开始使用reactstrap(不是react-bootstrap),并且正在尝试如何渲染“移动”和“桌面”视图。 我如何让reactstrap渲染页面...

回答 1 投票 0

没有未使用的表达式 Reactjs 请帮助我

请解决我的问题。我知道你只需要这些代码就可以知道问题出在哪里。我也显示了错误。提前致谢。 // 导入 React 和其他引导程序的东西 小鬼...

回答 1 投票 0

如何在 Reactstrap 中手动关闭下拉菜单?

我在reactstrap中使用下拉菜单。无论我点击哪里,这个下拉菜单都会关闭。但我想关闭我的下拉菜单,只需单击下拉菜单切换即可。 ...

回答 1 投票 0

即使在控制台上可见,数据也不会出现在界面中

我有一个弹出窗口,当我按下按钮时,弹出窗口会打开, 在弹出窗口中,我有两张相邻的桌子, 第一个表包含数据,右表中的每一行包含三个...

回答 1 投票 0

使用键盘上的 Esc 键关闭模态弹出窗口

我还需要使用“ESC”键关闭模式,目前它正在关闭“关闭”和“确认”按钮。我正在使用reactstrap,react hooks。 键盘 {显示} 和

回答 4 投票 0

如何检查多选输入表单中的哪些选项是从ReactStrap中选择的

我正在创建一个表单,该表单可以选择在多选输入中选择多个值,用于过滤搜索的不同选项。我正在使用 ReactStraps Form 组件。 多选操作...

回答 2 投票 0

Reactstrap:让 Modal 发挥作用

尝试学习 React 和 Reactstrap 并尝试让 Modals 工作。当我单击按钮时,它应该切换模态,但现在它给我这个错误:元素类型无效:期望...

回答 3 投票 0

具有多个值的文本字段(包含图像以供参考)

我正在寻找一个具有多个输入的文本字段,如下所示: 正如您所看到的,我可以添加新文本,然后按 Enter 键会保存该关键字。 有人可以指导寻找哪个包裹......我找到了

回答 2 投票 0

如何将react-hook-form v7与reactstrap 9一起使用?

我目前正在尝试使用react-hook-form v7和reactstrap 9创建一个表单,使用react 18。这是我当前的实现,但在我的控制台日志中,数据返回未定义。如果你...

回答 2 投票 0

在表格和网格容器内换行文本失败

这是我的代码,我想在超出 和 wordWrap: 'break-word' 不起作用后中断文本。 这是我的代码,我想在文本超出 和 wordWrap 时将其破坏:“break-word”不起作用。 <Table striped style={{ tableLayout: 'fixed',wordWrap: 'break-word',overflowX:"auto"}}> <thead style={{height:"45px"}}> <tr> <Grid container > <Grid item xs={12} sm={3}> <th style={{ width: '23%' }}>name</th> </Grid> <Grid item xs={12} sm={9} > <th>information</th> </Grid> </Grid> </tr> </thead> <tbody > {Items.map((item, index) => ( <tr> <Grid container > <Grid item xs={12} sm={3}> <td > <p style={{fontWeight: 'bold'}}>abc</p> </td> </Grid> <Grid item xs={12} sm={9} zeroMinWidth style={{ wordWrap: 'break-word' }}> <div style={{ wordWrap: 'break-word' }}> <td style={{ wordWrap: 'break-word' }}> <JSONPretty id="json-pretty" data={item.body}></JSONPretty> </td> </div> </Grid> </Grid> </tr> ))} </tbody> </Table> 我希望如果文本超出网格或 那么文本将被破坏并换行到下一行,因此该段落将垂直延伸。 如果我理解正确,当它超过 td 宽度时,您会尝试换行。 那么,您应该寻找什么空白属性。 要换行段落,您可以使用 <td style={{ whiteSpace: 'pre-line' }}> <JSONPretty id="json-pretty" data={item.body}></JSONPretty> </td> 谢谢。

回答 1 投票 0

Reactstrap Bootstrap 导航栏在 React 应用程序中不起作用

我使用“创建反应应用程序”创建了一个反应应用程序。 我现在正在尝试从 Reactstrap 添加导航栏。我从 Reactstrap (我将其添加为一个反应组件)网站复制粘贴: 导入 React...

回答 5 投票 0

如何将 V 形添加到 Reactstrap 表格中的折叠

我有一个表格,每行都有折叠组件。我想向其中添加 V 形,当我单击它时,我希望显示内容并且 V 形会改变其形状。我怎样才能在表中做到这一点?...

回答 1 投票 0

ReactStrap - 容器、行、列的文档

我发现这个超级有用的资源解释了一些 ReactStrap 组件;但是,我无法找到 Container、Col 或 Row 组件的文档。也许我错过了一些......

回答 2 投票 0

导航栏中的下拉菜单右对齐?

我在 NavBar 中有一个下拉菜单,我想右对齐。我已将结束添加到下拉菜单,但它显示不正确。下拉内容仍然与 togg 的左侧对齐...

回答 0 投票 0

为什么文档上的 reactstrap 轮播代码片段不起作用?

我试过reactstrap carousel。我在它下面复制了一些代码,并尝试在我的代码库中使用它。 Carousel 标签以 UncontrolledCarousel 开头,效果很好。但我不知道为什么这段代码会抛出...

回答 1 投票 0

How to change dropdown title on selected option with reactstrap on react

我指的是这个下拉文档 https://reactstrap.github.io/?path=/docs/components-dropdown--dropdown 但我似乎找不到任何可以改变操作下拉标题的例子......

回答 1 投票 0

启动项目时reactstrap在导入lib时报错

错误控制台 /node_modules/reactstrap/lib/index.js:1 从 './Container' 导入 _Container; ^^^^^^ SyntaxError: 不能在模块外使用 import 语句 在 internalCompileFunction(节点:interna ...

回答 2 投票 0

如何让我的Collapse组件在reactjs应用中工作?

看看下面的代码,我使用了reactstrap的 "Collapse "组件,但它没有发挥应有的作用。import { Component } from "react"; import ...

回答 1 投票 0

我的代码中是否有任何错误,因为我的collapse组件无法工作?

我正在创建一个reactjs web-app,我想在其中使用collapse功能。所以我安装了reactstrap依赖性,并从那里导入了 "Collapse "组件。但它在我的代码中没有工作。导入 { ...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.