问题标签 [mdbreact]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2085 浏览

reactjs - 在我的反应应用程序中导入新安装的模块

我使用 npm install 将一个模块安装到我的反应项目中

然后我检查了 nodemodules 文件夹以确保 lib 安装正确,是的。现在我正在尝试从新库中导入一些组件,例如我正在尝试的 Input 和 Button

我总是得到错误error TS2307: Cannot find module 'mdbreact' 任何帮助如何解决这个问题?谢谢!

0 投票
1 回答
4007 浏览

reactjs - 使用 mdbreact 组件时没有样式或图标出现 - 页脚

我正在构建一个简单的登录页面,并希望为此制作一个页脚组件。我使用 npm 命令npm install --save mdbreact安装依赖项并从 mdb 网站复制以下代码片段。

现在的问题是该组件出现在主页上,但没有样式或图标。它应该是什么样子: 页脚期望

它的实际外观: 页脚现实

有人可以帮助我如何让样式和图标正常工作吗?

0 投票
1 回答
372 浏览

javascript - mdbreact 错误 - 元素类型无效:应为字符串(对于内置组件)

我正在尝试使用 mdb react 实现 react-multistep 注册,但出现错误:

元素类型无效:应为字符串(用于内置组件)或类/函数(用于复合组件)但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。

我尝试使用 Github 和 Stack Overflow 以不同的方式解决此问题,但在我的代码中找不到问题。

这是我的代码:

0 投票
1 回答
590 浏览

reactjs - 如何让 reactJS 呈现状态变量

我刚刚开始检查反应形式。我遇到了一个问题,反应在我的渲染中标记了我尝试填充输入框标签的行。这是我的应用程序的代码:

此时,我要做的就是使用名称输入框的标签呈现表单,如果没有输入名称,则使用名称输入框的标签重新呈现表单是'你需要输入你的名字'。

非常感谢任何帮助。

0 投票
2 回答
3947 浏览

reactjs - 如何将引导程序添加到 NextJS

我遇到了 mdbreact 包的问题,​​因为当我添加一些组件(如按钮等)时,我收到错误消息:“未定义窗口”。我进行了研究,发现 window 对象仅在客户端定义。是否有可能将 Bootstrap 添加到 NextJS?

0 投票
1 回答
69 浏览

javascript - 反应呈现的意外数字

我有以下 React 示例,每次 isShowing 状态为真时,我都试图显示成功的祝酒词(来自 mdbootstrap 库)。对于 toast,这可以按预期工作,但是按钮旁边会显示一个数字,并在每次单击后递增。此数字也显示为 App 文件中主 div 的子项(请参阅附加的图像和代码框链接)。提前致谢!

代码沙盒链接: https ://codesandbox.io/s/l2xqplx4rm

在此处输入图像描述

0 投票
1 回答
215 浏览

javascript - 即使模态尚未打开,mdbreact modal 也会将类“modal-open”应用于正文标记

我在我的反应应用程序中使用 mdbreact 模态但面临一些问题。我尝试在我的页面中包含模态组件,但模态尚未打开,尽管它正在将类“modal-open”应用于阻止正文滚动的正文标记。

我的代码如下:

状态“模态”是错误的,但模态开放类仍在应用中。只有当状态为真时才必须应用它。我将在单击外部按钮时将状态设为 true 以显示此模式。有什么线索吗?

0 投票
1 回答
3311 浏览

reactjs - React Sidenav - Bootstrap 4 & Material Design 不工作

我试图通过 mdbreact 的导航来实现侧边栏,以使用引导程序和材料设计。

我刚刚从以下示例中复制粘贴了代码:https ://mdbootstrap.com/docs/react/navigation/sidenav/

我收到一个很长的错误:

元素类型无效:应为字符串(用于内置组件)或类/函数(用于复合组件)但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。

我认为它在其中,但我不确定,有人有问题吗?提前致谢。

0 投票
2 回答
1190 浏览

javascript - react BrowserRouter resulting in "You should not use or withRouter() outside a "

I am hitting this problem constantly, and have been stuck at it for a long time now. I am new to mbdreact library and I have been trying this example of theirs from this link. This has given me too many problems in debugging and understanding what is going on.

Problem :

The detailed error trace I could pull is as follows :

Code :

package.json

index.js

App.js

NavbarPage.js

What I have found so far :

  • I have referenced the following StackOverflow posts

  • from what I am seeing the problem is in the NavbarPage.js. The articles above tell me 2 things : (First-Thing) to wrap all of the content in <div> which the example link from mdbreact tutorial is already doing & (Second-Thing) to move inside which is also done.

  • I have also tried renaming the import from BrowserRouter as Router to just BrowserRouter, and made corresponding refactoring. Even that resulted in the same error.

Looking for help in understanding what is causing this problem, to further my understanding in react, mdbreact.

0 投票
2 回答
1975 浏览

reactjs - MDBIcon 不在 React App 中显示图标

我正在尝试在我的应用程序中使用 MDB React 表单。我已经使用命令 npm install --save mdbreact 下载了 mdbreact。

下面是代码片段:

但图标未显示且 MDBBtn 颜色不是紫色。任何人,请建议。