14得票4回答
使用键盘上的Esc键关闭模态弹窗

我需要通过按下"ESC"键也关闭模态框,目前只能通过点击"关闭"和"确认"按钮关闭。我正在使用reactstrap和react hooks。 这是代码: const DeleteUserModal = props => { const { user, show } = props...

13得票4回答
Reactstrap的工具提示导致错误:“目标'TooltipExample'无法在DOM中识别”

我已经按照Reactstrap中的工具提示代码示例进行了跟踪: constructor(props) { super(props); this.state = { tooltipOpen: true }; } . . . render() { return ( ...

13得票2回答
如何动态访问Formik Field中的嵌套错误/被触摸状态

我正在尝试创建一个React组件,以抽象出为我的表单创建输入组的过程。所有输入都具有相同的布局-标签在上方,其下是输入框,如果存在错误/信息文本,则会在输入框下方显示。 以前,我自己处理表单状态/处理程序。现在,我正在尝试使用 Formik(带有Yup验证)并遇到了一个问题:当我有嵌套信息时...

13得票5回答
React应用中的Reactstrap Bootstrap导航栏无法正常工作。

我用 'create react-app' 创建了一个React应用。现在我正试图从Reactstrap中添加一个导航栏。我从Reactstrap的网站上复制粘贴代码(将其作为一个React组件添加):import React from 'react'; import { Collapse...

12得票7回答
模块未找到:无法在''中解析'../../assets/img-3.jpg'的路径。

我正在尝试将一些本地图片导入到ReactJS中,但是它不起作用。我正在使用reactstrap去制作一个轮播组件。 这是错误信息: 未找到模块:无法在'C:\Users\adity\Desktop\foodcubo-dev\project\src\Layouts\header'中解析'../...

11得票2回答
如何在使用reactstrap依赖的ReactJS应用中定制Bootstrap 4?

我用reactstrap开始开发一个React应用程序。我按照"入门指南"的步骤运行了以下命令: npm install -g create-react-app create-react-app my-app cd my-app/ npm start npm install bootstr...

10得票6回答
React - Material UI与Reactstrap的比较

我将要开始一个React项目。我想了解一下为什么选择Material UI而不是Reactstrap。在另一个比较Bootstrap vs Material UI for React?中提到,Material UI更好于Bootstrap。但是在查看Material UI和Reactstrap...

9得票8回答
Reactstrap工具提示动态ID

我正在开发一个React应用程序,使用reactstrap。 我正在使用reactstrap的Tooltip组件,它需要一个目标属性,即目标元素的id值。该id是动态生成的,似乎reactstrap的tooltip不喜欢它。 组件如下: MovieCard.jsx import Rea...

9得票2回答
模块未找到:'cldr' in ... \globalize\dist\globalize

在我的React应用中,我正在尝试使用包含在react-widgets软件包中的DateTimePicker组件。我还通过reactstrap使用Bootstrap 4组件。 我已安装以下模块: npm install --save bootstrap@4.0.0-beta reactst...

9得票7回答
覆盖对等依赖出错 - npm 安装 reactstrap

"@popperjs/core": "^2.6.0", "@testing-/jest-dom": "^5.11.9", "@testing-/react": "^11.2.3", "@testing-/user-event": "^12.6.2", "bootstrap": "^4.6.0"...