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

reactjs - Material UI 和 Grid 系统

我正在玩一点Material-UI。是否有任何用于创建网格布局的选项(如在Bootstrap中)?

如果没有,添加此功能的方法是什么?

有一个GridList 组件,但我想它有一些不同的目的。

0 投票
0 回答
1142 浏览

javascript - 如何样式反应材料-ui LeftNav悬停菜单项

我正在尝试设置 LeftNav ( http://material-ui.com/#/components/left-nav ) menuItem hoverColor 的样式。

我试过这个但无济于事:

这似乎是我试图覆盖的代码:https ://github.com/callemall/material-ui/blob/master/src/menu/menu-item.jsx#L138 - 但是,我正在尝试通过 LeftNav 组件覆盖它。

谢谢,

标记

0 投票
6 回答
35703 浏览

css - 如何让输入单选元素在反应 [material-ui] 中水平对齐?

单选组始终在 material-ui 中垂直列出。有没有办法水平对齐它们?例如,一条水平线上的所有单选按钮。

0 投票
0 回答
133 浏览

javascript - Uncaught TypeError: _materialUi.Styles.ThemeManager is not a function when using material-ui with es6

我正在使用 material-ui 来构建我的网络应用程序。但是我得到了错误Uncaught TypeError: _materialUi.Styles.ThemeManager is not a function。我也搜索了github,发现这个问题ThemeManager is not a function error,但它不起作用。

我的依赖:

这是我的代码:

0 投票
3 回答
14390 浏览

meteor - 如何使用 Material UI ThemeManager 设置自定义 AppBar 高度和颜色?

我在流星应用程序中使用Callemall react material-ui 依赖项。我想知道如何更改正在使用的 AppBar 的颜色和高度。这可以通过使用内联样式来覆盖主题变量吗?如果是这样,怎么做?

0 投票
1 回答
451 浏览

javascript - 在客户端 requireJS 环境中使用 material-ui?

我已经研究了几个小时来研究如何将material-ui我的应用程序作为客户端 AMD 模块包含在内,这是我最接近的。使用grunt-amd-wrap,我在 Gruntfile 中使用了以下 grunt 任务:

并安排它在material-ui完成转换到其lib文件夹后运行。但是,这仍然存在问题,因为文件require()包含以下模块:

而且我不知道如何将它们捆绑到客户端AMD模块之外material-ui

总结:有没有办法gruntmaterial-uiCommonJS 语法转换为独立的 AMD 模块(或一组独立的 AMD 模块)?我想避免使用gulp,我宁愿只browserify在绝对必要时使用。

0 投票
1 回答
909 浏览

javascript - React JS + Material UI 抛出 leftNav 未定义

我试图用 Material UI 实现 React JS,但遇到了左导航栏切换行为的问题。

我已经使用 Yeoman 命令创建了组件。

有2个组件

BodyComponent - 父级

HeaderCompoent-子级

在 Body Component 中,我创建了 menuItem 和 LeftNavBar,在 HeaderComponent 中,我使用onLeftIconButtonTouchTap={this._handleTouch}事件创建了 AppBar,但是当我单击汉堡包图标时,它会抛出 navLeft 未定义。

根据我的理解,这里的问题是在子节点上调用事件并且 LeftNavBar 的引用在父节点中,这在某种程度上我无法访问它。

我已经读过这些都可以解决,但是将所有组件放在一起而不是分开,但我不想将它分开,我也不想使用助焊剂来解决这个问题。

有什么好的解决方案吗?还是我必须改变我编写代码的方式?如果是,如何?

车身组件

标题组件

0 投票
1 回答
891 浏览

reactjs - 在 React 中使用 Material-ui 的“DropdownMenu”时出错

我正在尝试DropdownMenuhttp://www.material-ui.com/#/components/dropdown-menu使用这个入门工具包https://github.com/kriasoft/react-starter-kit。出现下拉菜单,但是当我单击它时,它不显示其列表。

这是我的步骤:

  1. npm install --save material-ui
  2. 将以下行添加到render()in ContactPage.js

    /li>
  3. npm start

0 投票
2 回答
1370 浏览

reactjs - 如何使用material-ui与模型一起使用?

我尝试使用 react 和 material-ui。使用此代码开发后:

在此处输入图像描述

当打开页面并编辑“Nome”字段时,此功能被禁用。我的错误是什么?

0 投票
2 回答
4606 浏览

reactjs - react - material-ui appbar图标触摸事件不会触发

当我单击元素 AppBar 时,左侧的图标应该执行 _handleClick() 方法。我无法收到控制台消息。我正在使用 material-ui 框架,并且为通过触摸点击选择左图标时的回调函数提供了属性 onLeftIconButtonTouchTap。

但是它适用于另一个组件: