reactstrap 相关问题

Bootstrap 4的无状态React组件。

轻型PropsType如何影响reactstrap中的CSS?

我正在通过Coursera的课程学习React。在这部分中,辅导老师没有提到我们如何利用以下“特殊”机制进行CSS样式设置。在我的HeaderComponent.js文件中,...

回答 1 投票 0

HTML:页脚和长格式重叠

我正在使用现成的模板,因为我的css / html技能非常谦虚,并且对后端开发更满意。这是预定义的登录页面:在注册页面中(包含...

回答 1 投票 1

使用Bootstrap 4进行 烘烤

有什么方法可以与Reactstrap的Toast组件或Bootstrap 4 Toast类一起使用react-toastify?这是我当前的配置:从'react-toastify'toast.configure({...

回答 1 投票 0

添加reactstrap工具提示会导致TypeError:target.removeEventListener不是函数

我有一个要映射的项目列表,我想为每个项目添加工具提示;但是,添加工具提示元素会导致错误。我不确定为什么会这样,并且工具提示似乎...

回答 1 投票 0

React IOS Safari-onClick不起作用-2020

[好-我已经做了很多研究,但仍然无法通过该按钮单击IOS Safari。我正在使用react 16.13.1-它是功能组件中的Reactstrap / Bootstrap按钮。您可以...

回答 1 投票 0

Reactstrap Tooltip抛出目标在带有动态ID的dom错误中无法识别

我在表单中使用了可正常使用的自定义Reactstrap Tooltip组件。但是,我最近发现,如果我多次使用同一个name属性,则会出现目标ID冲突,...

回答 1 投票 0

如何仅将组件的功能传递给另一个组件而不渲染它

React的新手,我想通过在另一个组件中调用一个函数来打开一个组件的按钮的常规模式。最终,我希望导航栏上有一个按钮,引导卡上有一个按钮,...

回答 1 投票 0

按钮下拉菜单在Reactstrap中无法正常工作| React JS

我正在使用Reactstap的Button Dropdown组件进行React项目。下拉菜单可以正常工作,但是当打开时,它会覆盖网站中的内容(在我的情况下,这只是一个反应-...

回答 1 投票 2

reactstrap模式无法正常运行,必须将其取消两次

我有一个下拉菜单,并且在菜单内部有一个选项Load Plan,选择此选项后,将出现一个模态。按照实现,当单击选项“加载计划”时,模态会出现,...

回答 1 投票 0

Restraps-如何在表单组内创建下拉列表

我正在尝试使用react-strap在React表单中添加一个下拉列表。但是,存在许多颠覆性的装饰问题。选择框将上移而不是下移。下拉框没有显示...

回答 1 投票 0

用过的纱线安装reactstrap,但出现“无法解决'reactstrap'”错误

我使用yarn安装了bootstrap,react-popper和reactstrap,但是页面显示以下错误“无法解析'reactstrap'”。我的package.json看起来像这样:{“ name”:“ confusion”,...

回答 1 投票 0

仪表盘引导板

我是开发布局的新手,想知道是否有人可以帮助我指出构建如下所示的仪表板UI页面的正确方向:我正在使用React,所以尝试了Bootstrap 4,...

回答 1 投票 -1

React / Reactstrap警告:在严格模式树中已检测到旧版上下文API

这是全新的安装-我没有在Alert组件上进行任何转换。要复制代码,只需从“ react”导入React;从“ reactstrap”导入{Alert}; export const ...

回答 1 投票 0

如何使Reactstrap模态具有可调整大小和可拖动的动态内容?

我想使来自其他组件的动态内容的reactstrap模态可调整大小和可拖动。我的代码: ...

回答 1 投票 1

为什么在函数内部未使用事件参数时,此handleBlur函数具有事件参数?

您能帮我理解为什么以下函数在未在函数内部使用时具有事件参数吗? handleBlur = field => event => {this.setState({touched:{......

回答 1 投票 0

我如何更改被NavbarBrand标签包围的文本的颜色

“”我是ReactBootstrap的新手。...我试图给出其className并使用不起作用的CSS进行渲染“ ... [] ] >> [ [<NavbarBrand>呈现为<div class='navbar-brand'... >-因此我们只需要为此类设置css] 相关 css: .navbar.navbar-light a.navbar-brand {color:red;} 相关js: import './navbar.css'; 工作stackblitz here

回答 1 投票 0

如何通过Gatsby和Reactstrap将NavItem设置为锚标签有效?

我在使用Reactstrap的Gatsby网站中有一个导航栏菜单,其中包含几个菜单项。菜单项设置为指向该页面内的锚标记(例如#anchor1)。

回答 1 投票 1

如何在反应中从node_modules导入CSS?

我正在关注一个YouTube教程,以学习MERN堆栈。目前,我正在尝试在我的App.js文件中导入boostrap css。但是我一直收到这个错误。错误这是我的App.js文件...

回答 2 投票 0

如何在React中使用Link?

我目前正在使用Reactstrap开发React项目,这是一个登录注册应用程序。但是,当我在注册组件中使用链接来链接登录组件时,我遇到了一个问题。请...

回答 1 投票 0

[我正在获取item.map,当我尝试删除带有过滤器的项目时,它不是一个函数

我很难知道为什么当我尝试删除一个项目时,为什么会给我一个items.map()不是一个函数。在添加删除功能之前,它很好地与项目一起添加了新项目....

回答 1 投票 0

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