腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
将
material-ui
封
装到
自定义
组件
中
、
、
、
我在使用
material-ui
表
组件
时遇到了一点麻烦。我
将
表逻辑分离为header和body
组件
,并在body
中
为每行添加了不同的
组件
{category: 'Sporting Goods', price(product => (<ProductRow product={product} />)) return Products
浏览 1
提问于2016-09-02
得票数 2
回答已采纳
1
回答
/styles/withStyles defaultTheme选项,无法设置
自定义
主题
尝试将
自定义
主题选项与默认主题选项合并,以便我的
自定义
组件
将使用我的主题,而不需要ThemeProvider包装器。import React from 'react'import { createMuiTheme } from'@
material-ui
/core/styles' import { withStyle
浏览 21
提问于2019-04-21
得票数 0
2
回答
将
Material UI的TouchRipple
组件
应用于
自定义
元素/
组件
、
、
、
我的
material-ui
应用程序中有一个列表,其中包含列和(图标)按钮。 当列表
中
的一个项目被点击时,我想让材质设计产生连锁反应。Material UI的列表在单击时会产生涟漪效应,不幸的是,因为我使用的是
自定义
列表(因为我需要多个列和许多其他定制),所以我没有涟漪效应(我只是使用div来创建我的列表)。我知道Material UI有一个
组件
TouchRipple,它用在所有有连锁反应的
组件
中
(你可以在internal目录中找到它)我试着把我的
自定义
列表项包
装
浏览 4
提问于2016-09-16
得票数 2
回答已采纳
1
回答
自动完成建议在对话框后面
、
、
、
我正在使用来自Autocomplete包的一个
组件
。 依赖项(在package.json文件
中
): "@
mater
浏览 3
提问于2021-10-12
得票数 4
回答已采纳
1
回答
MUI TablePagination使用
自定义
Popper的能力
、
我希望能够使用我自己构建的
自定义
Popper
组件
,一些MUI
组件
,比如AutoComplete,可以通过提供道具PopperComponent来实现这一点,但是TablePagination除了向它们的有人知道如何利用
自定义
的Popper
组件
和MUI TablePagination
组件
吗?为了快速参考,下面是上面提到的每个
组件
的API文档 TablePagination - AutoComplete -
浏览 3
提问于2022-12-02
得票数 0
1
回答
资料-UI X:找不到数据网格上下文
、
、
、
我在我的React应用程序中使用了Material
中
的Data Grid Pro
组件
。GridToolbarExport
组件
为DataGridPro
组件
创建
自定义
工具栏。我还可以使用一个GridToolbar
组件
来替换上面的所有四个
组件
。 我需要在一个单独的
组件
文件
中
创建
自定义
工具栏
组件
。我将
自定义
工具栏示例的代码从Material ( )中分叉出来,并在这里编辑了代码(将<em
浏览 2
提问于2021-10-08
得票数 2
回答已采纳
1
回答
如何
自定义
基于属性的
Material-UI
和styled-components样式
、
、
我使用
Material-UI
和styled-components。我遇到过这样一种情况,我想用基于传递的属性的样式
组件
来覆盖
Material-UI
组件
的样式。我尝试的第一件事是简单地
将
一个额外的prop传递给使用styled component导出的
组件
,但React抱怨说该prop没有在
组件
上定义。
Material-UI
组件
被包
装到
一个函数
组件
中
,该
组件
基本上接
浏览 49
提问于2019-09-15
得票数 5
1
回答
如何使用Formik从物料界面选择字段取值
、
、
我将它们创建为独立
组件
的原因是,这样我就可以将它们传递给Formik
中
的字段
组件
。我的国家数组来自import countries from "../data/c-r";。"country" fullWidth /> 问题是我不能在Formik值
中
同时获得
浏览 20
提问于2020-11-19
得票数 0
回答已采纳
2
回答
Material: darkTheme不影响包装的子程序。
、
、
、
AppBar是MuiThemeProvider的直接子程序,但是,MyCustomComponent及其子程序(即使它们是基本材料--ui
组件
(如RaisedButton) )并不使用暗主题。
浏览 9
提问于2016-10-25
得票数 4
回答已采纳
1
回答
重用材料-UI
组件
样式
中
的主题样式块
例如,我有两个导入它们各自样式的
组件
: 每个
组件
都有一个文本块。
组件
1....richText的样式是相同的,但我不希望在导入的样式文件
中
复制它们。 我希望有一个文
浏览 0
提问于2018-04-04
得票数 3
3
回答
使用样式
组件
来设计我自己的响应
组件
。
、
、
、
例如,我创建了一个名为myCard的
自定义
卡
组件
,如下所示:import Card, { CardActions, CardContent } from"
material-ui
/Card";import Typography from "
material-ui
/Typo
浏览 2
提问于2018-03-13
得票数 3
回答已采纳
4
回答
我如何设计一个被作为道具传递的材料-ui图标?
、
我正在编写一个定制的资料UI反应
组件
,我想把Icon作为一个支柱传递给它。然而,我想样式的图标,当我得到它,并使它的最小宽度和高度。import { makeStyles } from "@
material-ui
/styles"; statusImage: PropTypes.element }
浏览 1
提问于2019-11-15
得票数 12
回答已采纳
1
回答
使用
material-ui
和服务器端渲染的React-JSS
、
、
我有一个react应用程序和一个使用
material-ui
构建的
自定义
组件
库。react应用程序本身的
组件
使用react-jss进行样式设置,我希望避免在应用程序本身
中
过多地引用
material-ui
,以防将来我希望替换
material-ui
。我遵循了,它工作得很好,但我想知道如何才能在不必到处使用@
material-ui
/core/styles的情况下最容易地
将
两者的样式组合在一起。当我尝试将其与@
mat
浏览 1
提问于2020-06-12
得票数 1
2
回答
react-final-form with multiple select
、
、
我正在尝试使用react-final-form构建一个具有多值Select component by
Material-UI
的表单。这里有一个来自
Material-UI
的指导链接,用于构建多选: https://codesandbox.io/s/sr6pf 我试图在我的表单
中
复制第一个示例(没有使用react钩子),但我仍然遗漏了一些东西https://codesandbox.io/embed/react-final-form-material-ui-examp
浏览 20
提问于2019-06-11
得票数 1
回答已采纳
2
回答
iconClassNameRight="muidocs-icon-navigation-expand-more“不工作
全部:<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500' rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel=
浏览 3
提问于2016-07-26
得票数 3
回答已采纳
1
回答
从基于
自定义
MUI的库中导入
组件
时使用单个StylesContext
、
、
、
我有一个应用程序(让我们称它为frontend),它导入了一个基于材料UI的
自定义
React
组件
库(design-system)。在frontend应用程序
中
,我有一个包含ShadowDOM的
组件
(使用react-shadow),我希望
将
design-system
中
的一个按钮
组件
导入其中。我用StylesProvider
将
整个树包装在ShadowDOM
中
,我
将
jss的
自定义
实例传递给了它(具有不同的
浏览 1
提问于2021-04-30
得票数 0
3
回答
<MuiThemeProvider />
中
的附加
组件
将
导致空页w/ no错误消息
、
、
最近,我使用npm install --save material ui
将
资料UI安
装到
Meteor应用程序
中
。我已经在我的<Header />文件
中
显示了app.js
组件
,但是每当我添加其他
组件
时,localhost:3000只显示一个空白页。ReactDOM.render(<App />, document.querySelector('.render-target'));上面的代码运行良好(见下面的屏幕截图)
浏览 4
提问于2016-07-01
得票数 7
回答已采纳
4
回答
material-ui
-更改表中行的高度和填充
、
、
我使用的是react库
material-ui
中
的Table
组件
。我已经尝试在所有底层
组件
上更改样式,但都没有成功。TableRowColumn> ); </TableBody>您知道需要如何更改哪个
组件
的样式才能覆盖此样式
浏览 3
提问于2016-08-30
得票数 13
1
回答
如何使用React和Typescript编写材料UI
组件
?
、
、
我想从库
中
创建一个
组件
的扩展。例如,我总是在模式
中
向包装器添加样式,因此我想创建一个封装这些样式的
自定义
组件
。 我找到了下面这个“有效”的解决方案,但我觉得props的界面有点小问题。具体地说,
将
原始<Modal>
组件
中
的classes属性与
自定义
styles对象
中
的类合并的最佳方式是什么?import { Modal, WithStyles, createStyles, withStyles } fro
浏览 3
提问于2018-07-20
得票数 0
1
回答
全局样式、主题样式、钩子样式、
自定义
->样式和内联样式的特异性和实现之间的差异
、
最近,我一直在尝试
material-ui
,并且遇到了一些关于如何设置
组件
样式的问题。尽管大多数
material-ui
样式设计方法都非常直观且易于理解,但它可能会让人感到有点困惑,因为有这么多方法来设计
组件
的样式。由于
material-ui
似乎正在使用内联样式设置抽屉
组件
的样式。这让我感到困惑,因为我认为每个
组件
css "class“都有一个”全局“样式,它传递那些css”class“并在
组件
上设置样式。所以问题是->如何知道哪个方法(主
浏览 30
提问于2020-09-13
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
自定义事件在 Vue.js 组件中的应用
前端Vue.js中自定义登录界面切换Tabs组件的开发与应用
安装篇 | 零基础学会组装电脑,如何将配件安插到主板上及安装到机箱中
微软提出CSS Modules V1:通过import语句将CSS模块导入到组件中
13个精选的 React JS 框架
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
云直播
活动推荐
运营活动
广告
关闭
领券