问题标签 [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 投票
2 回答
1192 浏览

javascript - Reactjs 输入上传不返回本地 URL

在将图像上传到服务器之前尝试显示图像预览时出现问题。我正在使用 reactjs。

我的问题是,当我尝试上传图片时,我得到了文件数据,但是当我使用阅读器时,它不返回本地 URL,只显示undefined

这是我尝试关注的主题get-image-preview-before-uploading-in-react

但是当我尝试检查我的图片本地网址时,它会返回undefined

这是我在文件中导入的内容:

这是我的js:

这是我的方法或功能:

这是我的状态:

这是我的控制台: 我在控制台中得到了什么

这是我的代码框:

https://codesandbox.io/s/tender-mclaren-zb1l7?fontsize=14

有人可以帮我解决这个问题吗?

0 投票
1 回答
4568 浏览

reactjs - 如何在 React-Bootstrap/MDBReact 中使用 % 设置行/列的高度?

所以基本上我在使用 React-Bootstrap 中的 % 设置行/列的高度时遇到了一点问题。我有一个 8 列的行(我要在此处添加一些按钮、图标、图像和文本字段),它们都必须具有相同的高度。

我确实尝试只使用 % 和 height 和 maxHeight 但显然它没有成功。我认为 px 毫无意义,因为它会显示在不同分辨率的屏幕上,所以我担心它会搞砸。我确实下载了 MDBreact 并使用了 'className="h-25 d-inline-block"' 但它也没有工作。

我确实希望列的高度同样设置为 20/25%(已经制作了 3 行 + 导航栏),但除了我用像素做它之外,我几乎什么也没得到,但它没有抓住重点。

0 投票
1 回答
892 浏览

reactjs - 为什么我的反应数据表同时呈现所有数据搜索栏也不起作用?

我正在使用 mdbreact 渲染获取的数据以显示在数据表中,所有数据都立即渲染,它没有跟随分页,搜索栏也没有搜索任何内容。数据表的每个功能都正确呈现,只有功能不工作。

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
691 浏览

reactjs - 尝试导入错误:“MDBSideNav”未从“mdbreact”导出

从“mdbreact”导入{MDBInput,MDBNavbar,MDBNavbarNav,MDBNavItem,MDBNavLink,MDBDropdown,MDBDropdownToggle,MDBDropdownMenu,MDBDropdownItem,MDBIcon,MDBSideNavItem,MDBSideNavCat,MDBSideNavNav,MDBSideNav,MDBContainer};

0 投票
1 回答
631 浏览

javascript - 在更新状态之前需要调用两次 Redux 操作?

我正在调用一个 redux 操作,它向数据库发出 get 请求并返回一个包含正确数据的对象。我已经通过系统跟踪对象,显示它一直正确发送到反应组件,但是,当调用 redux 操作时,对象没有得到更新。如果进行第二次调用,则更新状态。我认为这与异步行为有关,但我不确定如何解决它。

以下是调用该操作的组件的相关部分:

这是动作本身:

这是它被发送到的路线:

以下是控制台日志的结果(按一次搜索按钮的第一个结果,再次按一次并再次调用该操作的第二个结果):

编辑:来自下面建议的代码的更新错误(患者已切换到客户端,但这对代码没有影响,因为它已被完全重构)

结果: 结果

0 投票
2 回答
2123 浏览

javascript - 如何在 ReacjJS 中动态添加/删除表行

我正在尝试使用动态添加和删除tableReactJS。但是问题是一旦我添加了几行,即使我随机更改它们,每行中每一列的值都是相同的。

下面的屏幕截图将进一步澄清我的问题。

截屏

我正在尝试做的步骤是:

1)item从下拉列表中选择一个

2) 输入qty

3) 按下+按钮

它有效,但下次我尝试选择一个项目或输入一个项目的数量时,它updates every column

这是我的代码示例:

有人可以帮帮我吗?

0 投票
3 回答
388 浏览

reactjs - 如何在reactjs中从一个组件(子组件)获取另一个组件(父组件)的值?

我正在工作 Reactjs Weather 项目。提交后,我在子组件(Form.js)中的一种方法中获取值,我需要在父组件(App.js)中获取该值。如何获得该值?

  1. App.js 文件(父组件)
  1. Form.js 文件(子组件)

任何建议都非常感谢......提前致谢

0 投票
1 回答
452 浏览

reactjs - 使用 MDBIcon 时不会出现搜索图标

我想在 React Bootstrap 的导航栏中显示搜索图标和搜索栏

src/modules/home/Home.jsx

这个代码段有错误吗?

0 投票
1 回答
2246 浏览

reactjs - 如何将 JSON 数据提取到 MDBDataTable 行中

我有一个 MDBDataTable(来自 mdbreact 包的数据表)。我想从 api 中提取 JSON 数据并将其显示在表的行中。

这是我试图做的,但它给出了以下错误 - “对象作为反应子错误无效”。

我的代码

预期结果是从 jsonplaceholder api 获取 JSON 数据并将其传递到数据表的行中。

0 投票
1 回答
192 浏览

javascript - 使用带有道具的子组件动态反应

也许有更好的方法,但我尝试让我的 React 组件尽可能地可重用。所以我正在使用引导卡,在这张卡内我想动态地从外部(带有道具)放置不同的组件。没有道具它工作正常。但是使用道具我收到一条错误消息“错误:找不到模块'../../pages/Dummy'”。

这很完美:

这不起作用:

外呼:

就像我不能用道具延迟加载一样。很奇怪。

顺便提一句。如果有更简单的方法来动态使用子组件,我不需要使用延迟加载。我只是认为这是唯一的方法。