当前位置: 首页 > 面试题库 >

将Bootstrap 4与React一起使用

景理
2023-03-14
问题内容

抱歉,我缺乏知识,但我是新手,目前正在学习React。我只是想问一下是否要在我的React应用程序中使用Bootstrap
4,是否必须安装jQuery?我在某处读到,将jQuery与React一起使用是不行的。所以现在我想知道。谢谢回复。您的意见和建议是真正的赞赏。


问题答案:

某些功能(例如下拉菜单,模式)需要JS来操纵DOM,而引导程序则使用jQuery来处理DOM操纵。

但是,React使用虚拟DOM,因此通过jQuery在React应用之外操纵浏览器DOM意味着React可能不再处理状态,事件和UI呈现。React广泛地期望/假设其他任何事情都不会修改DOM。

这就是为什么建议使用react-bootstrap或reactstrap的原因。CSS保持完全相同,但是最初需要jQuery的组件已被重写。

以这个bootstrap
4模态
为例,您需要定义modal状态,该状态确定模态是显示还是隐藏。

因此,本质上,这些React引导程序库将每个引导程序组件重写为React组件,因为CSS完全相同。



 类似资料:
  • 问题内容: 我的项目遇到了麻烦。谁能向我解释为什么我不能使用来访问? 下面是我的切入点的代码: 我正在尝试使用该方法访问“ 菜单” 组件中的设置。请参阅下面的 菜单 : 我真的很想知道为什么我可以使用来访问和值。我已经阅读了文档并寻找了其他资源,但是我还没有答案,但是我希望有办法可以做到。 问题答案: method中的第一个参数是包含任何属性和方法的对象,它不引用存在属性的React组件。 如果您

  • 问题内容: 我用Webpack和react-rounter构建一个项目。这是我的代码: 当我请求时,就可以了!但是地址有误。查看错误消息:在此处输入图片描述 我的WebpackDevServer配置为: 我不知道怎么回事,帮帮我! 问题答案: 您正在使用相对路径来描述index.html中bundle.js的路径。 您应该在index.html中为bundle.js使用绝对路径 绝对路径包含根目录

  • 我想使用的与chrome API,但我遇到了一个问题... 我尝试了以下操作,但chrome API无法将识别为函数,因此我尝试先将保存为变量。。。 但是当我尝试以下操作时,仍然是一个空字符串。我不明白为什么,因为被设置为。我怎样才能解决这个问题? 编辑 我把剧本叫做... 在剧本里我有以下内容... 其中函数只返回一个字符串。它是由我的捕获的,我通过打印到if语句内的控制台来验证它。 我注意到是

  • 使用React-Native并尝试学习ES6语法。我昨天也遇到了类似的问题,并得到了解决方案。我补充说 .绑定(这个) 到我的我的函数调用和问题解决。我在另一个函数调用中再次遇到了同样的问题,我无法跟踪到底发生了什么。错误消息是相同的。

  • 问题内容: 我正在使用我的应用程序对用户进行身份验证。我已经创建了和表单,并且可以成功创建新用户并使用存储的用户登录。但是,问题出在维护用户之后,保持用户登录状态。 我在教程中看到的方式是使用类似以下内容的命令检查当前用户是否已登录。 但是,我希望使用新版 本来消除对的需要。我已经 通过使用和访问的单个实例删除了。有没有使用新的方式来模拟这个 范围内,我创造? 我正在使用本教程 https://w

  • 问题内容: 给定以下使用泛型类型参数的类型化React组件,我该如何将其包装在React的新API中? 上面的方法无法定义泛型。 问题答案: 因此,为了扩大问题范围,这实际上是关于在更高阶函数中保留泛型类型的问题。的以下用法将正确类型检查(在中) 但是,泛型会立即解析为,而不是保留为泛型。因此,以下内容不会进行类型检查 在此Typescript发行凭单中跟踪了相关的发行。