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

javascript - How to pass state value from parent element to child in react

In my code I have a tab menu and I want to switch in between these tabs using a button. I want to pass the value of these tabs into my onclick function for my button so it can navigate between the tabs.

For example:

My _handleChange function simply sets the state to the value of the next tab

I need to somehow linkup the onTouchTap event with the onChange event from the main tabs element but I am not sure how to do that. My main goal is to navigate between the three tabs available: when the next button is clicked on tab1, it will shift to tab2, and then onto tab3, and finally back to tab1.

Does anyone know how I can accomplish that? I am also using material UI if those elements look foreign.

0 投票
1 回答
3501 浏览

material-ui - 桌子溢出而不是身体

当表格溢出时,它默认为正文而不是表格。有没有办法做到这一点?我可以修复 AppBar 和 Tabs,但是很难获得设置填充的高度,并且滚动条仍然在错误的位置。

0 投票
7 回答
52437 浏览

reactjs - 如何为所有 MUI 组件全局禁用 box-shadow?

我需要禁用box-shadow大多数 MUI 组件的默认设置。现在我通过为每个组件手动设置样式来做到这一点,如下所示:

有没有办法在全球范围内做到这一点,也许使用主题设置?

0 投票
0 回答
140 浏览

reactjs - material-ui setErrorText 在 material-ui 0.11 中不起作用

我正在尝试通过字段的方法为 material-ui 文本字段设置错误文本setErrorText,但是当我没有错误文本时,我将作为参数传递。我看看您是否errorText在组件上设置了属性并尝试使用该setErrorText方法,它会出错:Cannot call TextField.setErrorText when errorText is defined as a property.但是如果我删除该属性并尝试使用该方法,那么 textfield 组件下也没有任何显示,并且在控制台日志。

有什么我遗漏的东西还是这个版本附带的问题?

0 投票
1 回答
217 浏览

redux - material-ui components such as DropDownMenu stop working when using redux-devtools + hot reloading

I have been using redux and redux dev-tools for about a week now and I'm loving it. I'm a big fan of Material Design and so I thought I should give material-ui a try.

It was all good until I used components other than buttons such as DropDownMenu.

The dropdown menu seems to stop working after the initial load. Here's my component:

0 投票
1 回答
181 浏览

javascript - 为反应中传递给变量的元素设置样式

我不确定这叫什么,但我创建了一个名为 test 的变量,并将其设置为等于一个元素。

var test = <Button className="testButton" />

然后在我的回报中,我像这样使用我的测试变量:

我尝试通过应用 className 来设置按钮的样式,但这似乎不起作用。关于我如何做到这一点的任何想法?

0 投票
0 回答
309 浏览

material-ui - 如果没有 StylePropable mixin,你如何准备样式?

现在不再推荐(或者可能,给定 ES6 类)使用StylePropablemixin(并且因为像 react-mixin 这样的库,试图将它们变成装饰器只是麻烦),并且考虑到官方的替代品还没有据我所知,合并它提供的功能的行为(例如自动前缀)的推荐方法是什么,例如prepareStyles?我正在使用^0.14.0.

0 投票
4 回答
28059 浏览

material-design - 在 react-native iOS 应用程序中使用材料设计的最简单方法是什么?

我在 Github 上发现这些部分实现是领先的竞争者,尽管它们还有很长的路要走:

他们目前缺少一些我想使用的组件。是否有我缺少的替代解决方案?

0 投票
2 回答
11321 浏览

reactjs - 材质 ui 中带有自定义输入的下拉菜单

是否可以有一个下拉字段,但能够添加下拉菜单建议的值以外的值?

类似于将showAllItems 设置为 true 且没有自动完成功能的自动完成字段

编辑:

我想要实现的只是提交带有自定义值的表单或从下拉列表中选择用户(根据用户的选择)

0 投票
3 回答
11382 浏览

javascript - 如何从 Material Ui 中获取 Date Picker 的值

如果我使用 Material Ui 创建了一个日期选择器,我如何获取用户的输入值?

假设用户选择 01.01.2016-> 我如何获取该值并将其存储为数据类型为日期的变量?

到目前为止,我尝试做的是使用状态来传回 JSON 对象,但这似乎不起作用。例如:

然后从那里我可以创建另一个提取值的函数,但是现在在我选择一个日期之后,状态永远不会改变并显示在 UI 中。