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

material-ui - 如何从 Flat 或 Raised 按钮元素触发 Material UI 日期选择器元素

我正在尝试从工具栏元素内的 Raised 按钮打开日期选择器对话框,但没有任何乐趣。

在浏览了文档后,我没有找到解决方案。我尝试将日期选择器放在平面按钮中,如下所示:

单击按钮时,我想打开日期选择器对话框。

任何帮助将不胜感激

0 投票
2 回答
10625 浏览

javascript - 根据反应中的状态和道具更改图像源的语法

我有一个包含子组件的父组件:

在 m 子组件内部:

我想根据父级的状态更改源。例如,如果父级的状态为 1,则源将为图片 1,或者如果状态为 2,则源为图片2,如果状态为 3,则为图片 3。我不确定语法是什么完成孩子的图片来源。会不会是这样的:

编辑:只是想清楚我正在使用一个名为头像的材质 UI 组件。(将 img 更改为头像)文档: http: //www.material-ui.com/#/components/avatar

0 投票
1 回答
913 浏览

reactjs - Material-UI: AppBar => FlatButton Text 如果没有直接定义,则无样式

好的,我想做的是:我希望我的 AppBar 有一个带有“登录”标签的 FlatButton。出于显而易见的原因,此标签应更改为“注销”。

现在,当我像这样定义 AppBar 时,我得到了正确的样式:

在此处输入图像描述

和这样的代码:

但是,这不允许我更改文本。这就是为什么我将 FlatButton 拉出到一个额外的组件中,如下所示:

我得到的结果是:

在此处输入图像描述

那么,我有什么不同的做法呢?

0 投票
4 回答
10037 浏览

css - 如何让 AppBar 组件填充所有 div 的宽度和 10% 的高度?

尝试 AppBar 组件上方的 jsx 应该填充其 div 父级的所有宽度和 10% 的高度,但它不会发生,并且在其顶部、左右角显示一个奇怪的空白区域:

在此处输入图像描述

我的组件样式有什么问题?

我正在使用很棒的Material UI的 React.js 组件

0 投票
0 回答
8658 浏览

reactjs - 如何让 AppBar 菜单在 react material-ui 中工作

我试图让 AppBar 与 IconMenu 一起工作,就像这里的示例一样,但菜单不会弹出。这是我的代码(示例代码的精确副本):

AppBar 显示正常,但不响应单击菜单图标。这是 google chrome 的 react 插件中显示的内容:

google chrome react插件截图

我想'null'的行与问题有关......?

(使用material-ui 0.14.2,反应0.14.6)

0 投票
1 回答
17915 浏览

reactjs - 材质 UI 内联样式不起作用

在 Material UI 中,我想在我的按钮上设置borderRadius。传递style属性似乎适用于FlatButton但不适用于RaisedButton.

对于RaisedButton,borderRadius 应用于父级<div>(这是必要的)但不应用于<button>自身(这也是必要的)

这是材质 UI 中的错误吗?或者这种行为是有意的?如果是有意的,那么我如何制作带有圆角的 RaisedButton?

0 投票
8 回答
27151 浏览

javascript - Material-UI 应用栏自带边距

我使用了 Material-UI的 AppBar 组件,它运行良好,但有边距,任何人都有解决方法。我需要摆脱边缘。

0 投票
1 回答
170 浏览

material-ui - appBar iconStyleRight 语法错误

我有

但 iconStyleRight 给了我错误

不知道为什么。我尝试了很多组合,包括将 a 添加style<span>元素中,这被忽略了。

希望正确的语法使这个正确的图标显示为红色,这样我就可以理解如何将样式应用于我的图标。

0 投票
2 回答
9441 浏览

reactjs - 修复material-ui中的标签栏

我正在尝试在屏幕底部固定选项卡组件。我努力了

乃至style={{position:"fixed"}}

如何修复底部的标签?

0 投票
1 回答
1534 浏览

reactjs - material-ui:输入更改选项卡的 this.state.value

我正在为 React 应用程序使用 Material-UI。我正在使用可控TabsTab组件。在推荐的设置中,this.state.value用于确定打开哪个选项卡。input当我在选项卡内的字段 中输入文本时,它会更改this.state.valueSyntheticEvent. 即使输入框位于单独的组件中,也会发生这种情况。结果,当前选项卡被关闭。我想阻止输入文本关闭当前选项卡。请问有什么建议吗?