问题标签 [material-ui]

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 回答
1036 浏览

intel-xdk - 英特尔 XDK 中的材质 UI

我是使用 Intel XDK 开发应用程序的新手。我需要在使用 Intel XDK 开发的应用程序中加入 Material UI。请给我一个带有示例的解决方案..提前谢谢

0 投票
4 回答
12145 浏览

reactjs - Material-ui & TouchTap:获取 ListItem 的键

我有一个使用 material-ui 的项目列表。我想在单击项目时调用 _handleTouchTap() 并将 ListItem 的键传递给处理程序。

添加

to 不起作用,因为“this”似乎是错误的范围

0 投票
3 回答
10651 浏览

html - 在 html 开发中使用材料 ui?

我想知道如何在我的 html 项目中使用Material UI 。我想知道我是否可以从材料 UI 的git 页面实现代码

0 投票
1 回答
1683 浏览

reactjs - 需要在不使用 onChange 回调的情况下获取下拉菜单的值 - (material-ui reactjs)

我正在使用材质 UI下拉组件,并且仅在用户填写所有表单并提交表单时才尝试运行回调函数。在回调函数上,我打算收集所有表单字段并生成 url 以调用 api。

我的问题是我不能像#560中所述的解决方案那样使用 onChange,因为我只想在用户单击提交按钮时收集所有详细信息。奇怪的是,目前,我能够获得所有其他表单元素的值,如滑块、使用 material-ui 但只有下拉菜单的文本字段似乎不起作用。

我的回调函数:

在上面的函数“location,posted_date,radius,salary”中返回值,但恰好是下拉列表的“jobtype”似乎没有返回任何值。它在控制台中返回此错误:“Uncaught TypeError: this.refs.jobtype.getValue is not a function”

这是我的下拉组件:

0 投票
1 回答
1840 浏览

reactjs - Common-Js 和 Material-UI 图标。了解图标无法加载的原因。(反应 Js)

我正在尝试运行以下代码:

我已经包含了必要的包,如果我不包含,代码运行良好

Material.Icons.NavigationArrowDropDown;

我已经导航到 material-ui (0.11.1),并且该文件确实作为导出存在于以下路径中:

lib > svg-icons > Navigation > Arrow_drop_down.js 源代码如下:

但是,在编译和运行应用程序时,它找不到该项目并抱怨它不存在,但另一个项目

Material.Icons.NavigationChevronLeft

找到没有问题。这个文件(不包括我的路由器和 app.js)是我的整个项目。

由于这两个文件都存在于同一个文件夹中,我无法理解为什么找到了一个引用而没有找到另一个?

该错误发生在运行时并且 jsLint 没有捡起它。此外,当删除 listItem 图标时,我的页面会正确呈现。该问题似乎与该组件直接相关。

附加说明:我删除了 var 下拉列表,它只是为了演示如何从 Material UI 中找不到导出。

tl;dr:与另一个 Icon 类位于同一文件夹中的 Material UI Icon 类没有被拾取。为什么?

0 投票
1 回答
1878 浏览

javascript - material-ui 在单页应用程序上使用 json 数据

我需要用一些 json 数据初始化一个反应组件,但不知道如何用 material-ui 来做到这一点:

这就是我会做的反应:

但是我现在正在使用带有material-ui和路由的单页应用程序,其中所有页面都是通过 react 加载的,但我不知道如何将 json 传递给每个单独的页面。我想通过以下方式使用它,将 comments.json 发送到我的主组件:

有可能以某种方式实现这一目标吗?

0 投票
1 回答
490 浏览

reactjs - react material-ui 11.1 主题文档

这似乎是一个有点愚蠢的问题,但我在哪里可以找到 material-ui 11.1 中的主题文档?文档刚刚在他们的主页上更改为 12.1,但我仍在使用 11.1,目前我和我的团队被锁定在我们正在创建的应用程序的那个版本中。

0 投票
1 回答
1370 浏览

node.js - 用 jest 测试 Material-UI 很慢

我将 reactjs 和 material-ui 用于我的应用程序。对于单元测试,我使用 jest。

版本:

如果我在 React.Component 中使用 material-ui,我的笑话测试真的很慢。

示例 1:

测试需要0.5 秒

示例 2:

测试需要25 秒

到目前为止我尝试过/经历过的事情:


  • 如果我为material-ui关闭/打开模拟,这没有什么区别。
  • 我是否使用 material-ui 组件并不重要。要求似乎是瓶颈。
  • 如果使用了两种不同的预处理器:react-tools、babel-jest

有没有人有同样的问题?或者更好的解决方案?

0 投票
1 回答
2548 浏览

reactjs - this.setState 不是文本字段的函数

在用户输入文本字段时尝试对文本字段进行验证。我想errorText即时更改属性的状态。

Uncaught TypeError: this.setState is not a function尝试设置状态时收到错误消息。相关代码如下。

0 投票
7 回答
78669 浏览

javascript - 使用 Material-UI 创建导航栏

我正在尝试使用 Material-UI 创建一个简单的导航栏,看起来就像他们在其网站上使用的导航栏。这是我编写的尝试复制它的代码:

问题是,选项卡非常奇怪,单击选项卡没有任何效果。截屏:

在此处输入图像描述