腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(3757)
视频
沙龙
1
回答
Material-UI
Typescript
如
何在
组件
类
中
通过
makeStyle
()
创建
样式
实例
、
、
Material-UI
中
的
makeStyle
()运行良好,但是我将function
组件
移到了一个
类
组件
中
,现在它导致了一个错误,因为它违反了React的钩子规则(调用React.useContext()) 如
何在
使用
类
组件
的同时获得与
makeStyle
()相同的结果?这似乎是材料-UI的文档假设所有
组件
都应该是函数
组件
,因为我几乎找不到任何
类
<e
浏览 7
提问于2019-11-25
得票数 1
回答已采纳
3
回答
在生产服务器上,应自动重写CSS
类
。
、
、
、
、
JSX <div>的一个特定部分有一个应用于它的
类
,并在项目的主.css文件
中
添加了一些
样式
属性。在本地开发
中
,一切都很好,但是一旦构建被
创建
并上传到生产服务器,JSX <div>
类
的特定部分就会发生变化,
样式
就会被扭曲。我尝试在代码
中
的任何地方搜索
类
.jss16,但是没有找到它。而且,在本地主机上一切都很好。这会继续重复,并且不会在
创建
的任何新构建上工作。应用程序的
样式
仍然
浏览 6
提问于2020-12-24
得票数 2
回答已采纳
4
回答
重写材料-UI
样式
不起作用
、
、
、
、
<Icons className={css.tabIcons} iconname={tab.icon} /> : null/> 因此,这里我试图用这个CSS覆盖flexContainer
类
:
浏览 6
提问于2020-03-30
得票数 10
回答已采纳
1
回答
TSX
类
组件
中
的Material UI makeStyles
、
、
如
何在
TSX
类
组件
中使用Material UI
样式
选项?由于输入的道具和状态,我似乎不知道该怎么做。下面的代码在componentWillMount方法
中
抛出了一个"Invalid hook“错误,我试图将
创建
的
样式
加载到我的
组件
状态
中
。如
何在
TSX
组件
中使用Material UI makeStyles方法?import { makeStyles } from '@
mat
浏览 25
提问于2019-12-16
得票数 0
1
回答
className属性不会采用CSSProperties类型- React、Material和
TypeScript
4.1。
、
、
我们使用withStyles包装
组件
。Type 'CSSProperties | CreateCSSProperties<{}> | PropsFunc<{}, CreateCSSProperties这个错误对我来说很有意义,因为在普通的JSX
中
,classNam
浏览 3
提问于2021-02-26
得票数 0
回答已采纳
2
回答
如何为MUIV5
组件
创建
样式
?
、
、
、
、
我在我的项目中使用Mui v5
组件
,目前我使用sx道具来设计所有的MUI
组件
,但是在每个
组件
的每一行中放置sx看起来都不太好。因此,我想知道是否有任何其他方式来对每个
组件
进行
样式
化或应用自定义
类
,就像我们在
样式
组件
库中所做的那样。我也知道从MUI
样式
,但这是用来制作可重用的
组件
,但我想使用的东西,将有助于我准备风格,我可以适用于任何
组件
。 下面是我的代码示例。
浏览 17
提问于2022-11-22
得票数 0
1
回答
如何从ProxyComponent获得包装
组件
?
、
当使用
material-ui
(^1.0.0-beta.24)并将JSS
样式
添加到我的
组件
时,如下所示: getCount= ()=> { }
通过
父
组件
中
的"ref“支柱访问计数器
组件
,
如
: <Cou
浏览 0
提问于2018-02-01
得票数 1
3
回答
makeStyles for Material UI v.5的替代方案是什么
、
、
最初为了使用我的自定义主题
样式
,我会使用makestyles,但它似乎在v.5
中
不起作用。我的主题在它们自己的
组件
上,为了导入它们,我使用了{createTheme}而不是旧的{createMuiTheme}。我像往常一样将我的主题导入到父
组件
中
,并将其设置为<ThemeProvider theme{theme}></ThemeProvider>。现在,在我的另一个
组件
上,我再次尝试使用useStyles,但它不起作用,因为它没有在版本5
中</e
浏览 14
提问于2021-09-21
得票数 13
1
回答
material-ui
容器不适用于
typescript
上的自定义断点
、
、
我在我的学习项目中使用
material-ui
和
typescript
。我遇到了一个我不知道如何解决的问题。 我在
material-ui
主题中使用自定义断点。640, laptop: 1280, },}); {children} </Con
浏览 12
提问于2021-03-27
得票数 1
1
回答
全局
样式
、主题
样式
、钩子
样式
、自定义->
样式
和内联
样式
的特异性和实现之间的差异
、
最近,我一直在尝试
material-ui
,并且遇到了一些关于如何设置
组件
样式
的问题。尽管大多数
material-ui
样式
设计方法都非常直观且易于理解,但它可能会让人感到有点困惑,因为有这么多方法来设计
组件
的
样式
。就像我在问题How to set the zIndex on the drawer component中所问的,设置
组件
的z索引的唯一方法是使用style props
通过
内联
样式
。由于
material
浏览 30
提问于2020-09-13
得票数 1
回答已采纳
2
回答
使用道具设置'&:hover‘背景色
、
、
、
我包装了MUI的Chip
组件
,这样我就可以为colors属性传入"primary“和"secondary”以外的值。通常,&:hover会在传递给withStyles的
样式
对象中使用,但我不能从那里访问属性。有什么建议吗?
浏览 3
提问于2019-03-06
得票数 9
回答已采纳
1
回答
基于材料UI和React的定制
组件
、
我一直在使用物质UI
组件
来
创建
我自己的自定义可重用
组件
包。则全局主题变量不会应用于自定义
组件
,尽管整个应用程序都封装在ThemeProvider
中
。在生产中使用时,一些
样式
属性在包
中
自定义的
组件
之间共享,并在react应用程序中进行响应。有效的
类
是捆绑的,但不应用于页面的第一次加载。当您在应用程序周围单击时(例如,从导航
组件
更改路由),将应用有效的
样式
,一切看起来都正常。我注意到,在可重用
组
浏览 2
提问于2020-06-05
得票数 2
2
回答
从单个文件导出的Material UI v4 makeStyles在刷新时不保留
样式
、
我正在使用Material UI v4,我正在从单个文件导出我的
样式
,但这些
样式
在其他
组件
styles.js
中
不起作用 margin: theme.spacing(2), }, export {useStyles} 在我的
组件
文件
中
当我在我的
组件
中使用它时,
样式
将在第
浏览 2
提问于2019-07-08
得票数 14
回答已采纳
8
回答
如何使用makeStyles对
组件
进行
样式
化,并且在物质UI
中
仍然有生命周期方法?
、
每当尝试将makeStyles()与具有生命周期方法的
组件
一起使用时,都会出现以下错误: import { Redirect } from 'react-router-
浏览 0
提问于2019-06-03
得票数 167
回答已采纳
3
回答
材料界面
中
垂直间距的方框与className和
样式
、
实现这一点的方法有几种: </div> <span class="MuiTypography-root" &
浏览 8
提问于2020-06-24
得票数 4
回答已采纳
1
回答
如
何在
样式
组件
中
向主题提供程序添加自定义字体?
、
、
、
、
我正在构建一个反应应用程序使用材料-ui
样式
-
组件
与
TypeScript
。import { createGlobalStyle } from "styled-components<GlobalStyle /> </The
浏览 2
提问于2018-11-01
得票数 3
回答已采纳
1
回答
在typescipt中使用有状态的React
类
、
我正在尝试
创建
一个有状态的
类
,在这个
类
中
你可以调用像createHeaderButton()这样的方法,在调用它之后,它会更新状态,并在
组件
中用这些新的更新重新呈现。我使用
Material-UI
,所以他们的大多数
样式
都使用了React钩子API,这当然是
类
不能使用的。我试图
通过
使用以下命令来解决这个问题: export default withStyles(useStyles)(HeaderBar) 分别使用styles(定义的<em
浏览 3
提问于2020-10-23
得票数 0
回答已采纳
3
回答
React不承认传递给Material
中
的
样式
组件
的道具。
、
、
、
、
样式
-
组件
:`;<GlobalStyled.Text textColor="green" textSize="20">test<
浏览 2
提问于2020-04-28
得票数 9
回答已采纳
1
回答
将不同的
样式
应用于多个高分子2.0 web
组件
实例
、
、
、
、
我使用高分子2
创建
了一个web
组件
,它的代码被转换成ES5,使用ES5捆绑预置。该
组件
部署在CDN上,并导入到不使用聚合物的第三方页面上。下面是一个用法示例: 如果
样式
是在自定义
样式
中
定义的,我可以成功地应用自定义CSS
类
。但是,一旦应用了
样式
,其他两个
实例
就根本不显示了。如果删除自定义
样式
定义,那么所有
实例
都正确地显示它们
浏览 0
提问于2017-09-18
得票数 0
回答已采纳
3
回答
是否有可能覆盖材料ui
组件
的默认道具?
、
假设我希望来自
material-ui
的每个
material-ui
组件
都有variant="contained" color="secondary"的默认道具。这个是可能的吗?
浏览 0
提问于2019-08-05
得票数 22
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
使用TypeScript开发React应用(三)-创建状态组件
21个让React 开发更高效更有趣的工具
2018 年前端开发回顾
基于 TypeScript 的 Weex 优化实践
函数返回值类型优化,JSX增强,TypeScript 5.1 发布!
热门
标签
更多标签
云服务器
ICP备案
腾讯会议
云直播
对象存储
活动推荐
运营活动
广告
关闭
领券