是否可以安装仅包含一个材质组件-UI的软件包？
Material-UI是一个非常大的包，我只想使用其中的一个组件。 是否有办法安装仅包含我要使用的组件的程序包？ 例如 使用 import Button from '@material-ui/core/Button'; ，但您的package.json中只有类似@material-ui/core/Button的内容。 我想要它的原因是要有一个小的node_modu
..
material-ui相关内容
自定义容器上的材质UI反应模式对话框
我试图显示一个只有部分模式的对话框，就像在特定元素上的模式一样，这样用户仍然可以与应用程序的其他部分交互。文档指定对话框组件具有container和fullscreen属性。我尝试将container属性设置为要在其上呈现对话框和背景的div元素。但是没有任何运气。 我希望在应用程序的此部分上仅为模式，如图所示。 以下是对话框组件https://material-ui-next.com
..
从外部Material-UI组件访问主题
我有一个使用标准黑色主题的主题提供程序。我希望能够从我自己的自定义组件访问此主题的详细信息，但我不知道如何做到这一点。在下面的示例中，this.props.theme是未定义的 ReactDOM.render( , document.getEl
..
覆盖使用媒体查询的MuiTab等组件
我正在尝试为MuiTab提供CSS覆盖以增加字体大小。 使用有关Material-UI上CSS覆盖的文档，我设法增加了大多数元素的字体大小，但是我在使用媒体查询的元素上遇到了麻烦，因为它们会产生比我在覆盖中提供的规则更具体的CSS规则。 heme.ts： import { createMuiTheme } from '@material-ui/core'; const font
..
MUI按钮悬停背景颜色和文本颜色
我已经创建了一个包含3个按钮的Appbar，但是我想在悬停到这些按钮时更改颜色。背景颜色为#3c52b2，文本颜色为#fff，我希望在悬停到该按钮时交换背景颜色和文本颜色。 我已尝试下面的代码，但仍然不起作用。 Button: { '&:hover': { backgroundColor: '#ffffff', boxShadow: 'none', }, '&:a
..
当文本字段没有值时，保持MUI TextField标签在顶部
所以这应该很简单，但我没有看到明确的答案。 我的标签如下所示： 。 如您所见，底部2个字段的标签位于顶部，因为它们具有默认值，而顶部的&Quot；ML Feature&Quot；没有，并且标签移动到TextField的中间。 代码如下所示：
..
Material-UI-将最大高度应用于选择子对象
我正在使用Material-UI Reaction库呈现一些下拉菜单，使用、和组件。此下拉菜单的选项数组相当大，我想在下拉菜单上设置一个最大高度，这样它就不会变得很大。我目前正在努力做到这一点，我将在下面解释。 使用Material-UI的基本下拉菜单： const MenuValidNotes = ({ schedul
..
@Material-UI和@MUI有什么不同
我发现素材UI官网使用的是@material-ui和@mui。 但我发现如果我使用@material-ui或@muiTextfield，UI无法工作，问题在下面提到 React - Material label not in right position in Textfield 如果您在Google中搜索材料UI，并转到https://mui.com/，它会告诉您npm ins
..
引用主题的主色，而不是MUI中的特定颜色
使用ReactJS和MUI，我有一个项目，其中我更改了主题颜色。 const newTheme = getMuiTheme({ fontFamily: 'Roboto, sans-serif', palette: { primary1Color: cyan500, primary2Color: cyan700, primary3
..
这两种物料-UI导入方式有什么区别吗？
在使用物料界面时，我一直按照单据操作，使用下面的方法导入 import Dialog from '@material-ui/core/Dialog'; import DialogTitle from '@material-ui/core/DialogTitle'; import DialogContent from '@material-ui/core/DialogContent'; 但
..
MUI ThemeProvider未在编译的组件中插入主题
我有这两个使用MUI的项目。其中一个只包含很小的功能组件(库)，另一个通过yarn link导入组件的“库”，并且应该通过“ThemeProvider”应用自定义主题。 我使用故事书作为我的组件列表。为了查看所有内容都按预期工作，我使用了故事书的插件：‘STORYBOOK-ADDON-Material-UI’。 我如何定义故事的示例代码： storiesOf('Tile', mo
..
更改MUI自动完成选项的颜色
我使用的是Autocomplete材质UI，并且我有一个属性为Color的列表。我必须使用选项背景中的相应颜色逐个呈现选项。 示例： import React from "react"; import TextField from "@material-ui/core/TextField"; import Autocomplete from "@material-ui/lab/Auto
..
Reaction-DatePicker时间选择(以秒为单位)
我还需要从反应日期选取器中选择秒。我翻了一遍文件发现了这个 在此解决方案中，我可以从中选择小时、分钟、AM/PM，但没有秒数选项，无法自定义也可以从中选择秒数。需要帮助，如下例(look for input Time) 我已尝试更改日期格式 dateFormat="；MM/dd/yyyy h：mm：ss AA&qot；不工作 () => { const [sta
..
如何根据单元格值设置ReactJs物料表单元的条件样式？
我在材料表中有一个列，值如SUCCESS、FAILED等。 基于这些值，我需要对单元格应用颜色。 如何使用物料表实现。 推荐答案 此答案特定于反应material-table 在“列”部分中，我们需要类似下面提到的内容，因此当在表中呈现数据时，它将有条件地应用基于单元格值的样式。 { title: 'Status', field: 'status',
..
在Material-UI中使用条件样式与样式化与JSS
我正在使用Material-UIv5，并试图迁移到使用styled而不是makeStyles，因为这似乎是现在首选的方法。我知道使用makeStyles仍然有效，但我正在尝试改用新的样式解决方案。 我有一个表示导航链接的列表项目列表，我想突出显示当前选择的项目。下面是我如何使用makeStyles完成此操作： interface ListItemLinkProps { labe
..
如何使物料-UI卡片动作始终粘在父级的底部
第二张Material-UI卡片的蓝色CardActions部分没有停留在底部，这使页面看起来不简洁。 我已尝试将CardContent的高度设置为100%，但没有任何更改。 我创建了一个沙箱来说明问题： https://codesandbox.io/s/happy-glitter-7vyep 我希望Material-UI CardAction始终位于容器底部，无论Card
..
如何将Material-UI文本字段中的标签放在右边？
我正在为我的Reaction项目(RTL布局)使用material-ui和typescript，但我不知道如何将文本字段标签放在右侧？ css 您需要jss-rtl支持推荐答案。此库提供其Provider以支持任何库中的RTL。 import React from "react"; import { create } from "jss"; import rtl from "js
..
AutoHideDuration在Snackbar@Material-UI中不起作用
我使用了Material-UI中的Snackbar来显示警报。我想在5秒后自动隐藏该快照栏，但autoHideDuration不起作用。
..
Reaction-动态呈现一定数量的组件
我想根据用户获得的点数(this.state.points)显示星型组件(MUI组件)的数量。 我不知道怎么做。 import React, { Component } from "react"; import { Star } from "@material-ui/icons"; Points extends Component { constructor(props) {
..
如何用MUI制作圆形复选框？
我要尝试匹配的设计要求复选框为圆形。我正在将MUI与Reaction一起使用。 边框半径不起作用，因为实际图标的边框不是“可见”复选框的边框。 我不能只使用像Font Awesom这样的内容，因为它实际上需要选中和取消选中。 // Current Styling const styles = theme => ({ nested: { paddingLeft: the
..