腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
MUI
和
样式
化
组件
重新
渲染
的
次数
过多
javascript
、
reactjs
、
react-hooks
、
material-ui
、
styled-components
您好,我尝试呈现一个
使用
MUI
(Material-UI)
和
styled-component
的
页面。我
使用
了useTheme
和
useMediaQuery来让我
的
app应用程序响应。我尝试让我
的
应用程序响应,如果它是一个小设备,我会改变字体大小 我遇到
的
问题是,根据控制台有太多
的
渲染
我知道问题出在useState
的
if else语句上,但我不知道还有什么其他选择可以实现这一点 下面是
浏览 26
提问于2021-05-07
得票数 0
回答已采纳
1
回答
为什么react会
重新
呈现/更新页面中
的
所有
组件
javascript
、
reactjs
、
material-ui
我有一个
使用
Material UI v5
的
react应用程序。我没有任何
样式
,正在
使用
默认
的
TextField
组件
来测试
渲染
问题。为了复制这个问题,我放置了一个受控TextField
和
大约六个其他非受控TextFields。当我开始在受控
的
TextField上编写代码时,页面中
的
所有
组件
都开始
重新
呈现。我
的
实际项目也是
使用
create-react
浏览 17
提问于2021-09-23
得票数 0
1
回答
使用
基本css
的
React
MUI
框架不起作用
css
、
reactjs
、
material-ui
我正在尝试
使用
基本
的
CSS与
MUI
组件
。 他们
的
网站说这应该是可能
的
。https://material-ui.com/guides/interoperability/#plain-css 当我尝试
使用
它
的
时候,我不能让它工作。我已经尝试了不同
的
方法首先在所有对象上
使用
*。 然后,我尝试从网页源代码中复制
MUI
类。 似乎什么都不起作用。我仍然可以在像d
浏览 19
提问于2021-04-28
得票数 0
1
回答
在
MUI
中设计非
MUI
元素
的
最佳方式?
css
、
reactjs
、
material-ui
和
两个当前用于
样式
MUI
元素
的
API:当涉及到定制
MUI
组件
时,很明显,最好
使用
这两种
组件
之一;而且似乎
使用
MUI
并不限制所有非
MUI
方式
的
使用
。因此,我想我是在问“最佳实践”,或者至少是“一个好
的
实践”,即尽量减少
使用
的
样式
技术(这样代码就不会变得臃肿)
浏览 8
提问于2022-04-04
得票数 1
回答已采纳
1
回答
React.memo不阻止无支持
的
无状态功能子
组件
的
重新
呈现
javascript
、
reactjs
我有一个无状态函数
组件
(请参阅下面的标题),它
使用
React render在呈现时显示一些简单
的
标题元素。除了没有内部状态之外,Title也不会从它
的
父
组件
(GameHeader)接收任何支持。但出于某种原因,每当我从树中
的
另一个无关
组件
更新整个应用程序状态时,Title仍然会继续被
重新
呈现,这会导致React显示动画每次发生不相关
的
应用程序状态更改时都会运行。我正在
使用
钩子+上下文API (w/ useR
浏览 5
提问于2020-11-29
得票数 1
1
回答
当升级到React 18时,
MUI
5/ React 17应用程序是否带有@
mui
/
样式
引擎配置,是否引入了bug?
styled-components
、
react-18
、
mui5
我有一个
使用
Reactive17
和
MUI
5
的
“create应用程序”。我修改了
MUI
5配置,以
使用
“
样式
引擎”,这样我就可以按照
mui
.com
的
文档
使用
样式
化
的
组件
了。我还没有尝试升级到Reactive18,但我已经阅读了一些介绍过
的
问题/bug。 我
的
问题是,是否有关于如何升级到
使用</
浏览 3
提问于2022-05-25
得票数 0
1
回答
React
MUI
5 -重写InputBase
的
全局主题更改所有其他文本字段
样式
reactjs
、
material-ui
、
mui5
我试图覆盖全局主题中所有<InputBase />
组件
的
样式
。MuiInputBase: { root: { }, },但是我注意到它正在
浏览 9
提问于2022-10-13
得票数 0
1
回答
Material-UI
和
gatsby官方示例
material-ui
根据官方示例,我正在
使用
gatsby
和
material UI,我想知道是否必须将withRoot包装器添加到
使用
MUI
的
每个
组件
中,或者是否可以只包装我想
使用
MUI
的
最高级别的
组件
?我在
渲染
和
IDK如何追踪原因方面遇到了问题。在dev中,一切都很好,但在prod中,<Grid>对齐是关闭
的
,在初始
渲染
时,没有应用任何
样式</e
浏览 0
提问于2018-05-17
得票数 4
3
回答
梅花公子不能将
组件
道具传递给打字稿。
reactjs
、
typescript
、
material-ui
、
styled-components
使用
MUI
和
类型记录,并希望
使用
styled以及从
MUI
。当将
组件
支柱传递给
样式
化
的
组件
时,我从下面的类型记录沙箱中得到一个错误,可能有人知道解决方法。
浏览 12
提问于2021-02-26
得票数 10
回答已采纳
1
回答
如何在className中
使用
v5
和
样式
组件
时
使用
条件类
的
概念
material-ui
我知道
mui
v5现在正在
使用
样式
化
组件
,但是想了解如何在
使用
样式
化
组件
时
使用
条件类className={clsx(isRed && classes.bar)}
的
概念?如何最好地用
样式
化
的
组件
编写以下示例?
使用
makeStyles**:**
的
mui
v4示例
浏览 8
提问于2022-12-01
得票数 0
1
回答
发布@
Mui
和
模块
化
scss间歇性竞争。如何一致地用scss模块覆盖@
mui
默认
样式
?
reactjs
、
sass
、
material-ui
、
react-material
、
react-css-modules
所以我正在构建一个已经存在
的
使用
@
mui
/
的
react应用程序。我有scss模块连接到我
的
javascript
组件
,并且像这样用材料
组件
导入它们。如果我要编辑
样式
,通过VS代码到
组件
重新
呈现
的
地方,我
的
样式
通常会弹出,但一旦我导航离开页面,它就会再次消失。我不知道为什么我
的
样式
没有出现在页面
重新
加载。
浏览 5
提问于2022-01-25
得票数 0
1
回答
Material :不应用css规则
的
“
样式
”子
组件
reactjs
、
material-ui
我遇到了一个问题,我正在
使用
样式
函数对自定义
的
React
组件
进行
样式
化
,但是这些
样式
并没有被应用。在下面的示例中,我希望Child
组件
具有color: red
样式
,但它没有,但是sibling
组件
的
样式
是正确
的
。import { Typography } from "@
mui</
浏览 4
提问于2022-04-13
得票数 2
回答已采纳
2
回答
反应材料UI
和
WordPress管理区域
wp-admin
、
admin-css
、
react
我正在创建一个插件,它
使用
React在WordPress
的
管理部分运行,这个应用程序也
使用
(
MUI
)。一切都很棒,直到我开始
使用
"form“
组件
(比如TextField),而这正是负载
样式
the开始干扰这些文件
的
结果
的
时候。经过进一步
的
研究后,看起来load-styes.php似乎优先于
MUI
生成
的
样式
,如下图所示:所以,我尝试了不同
的</
浏览 0
提问于2023-02-15
得票数 1
回答已采纳
2
回答
由于有多种
样式
,应
重新
呈现
组件
。
javascript
、
reactjs
、
performance
、
react-native
我知道,如果父
组件
调用setState,那么它
的
子
组件
将
重新
呈现,而不管孩子自己
的
道具实际上正在改变。我试图利用PureComponent
和
React.memo。然而,我
的
子
组件
仍在
重新
呈现。但是,如果我
的
组件
的
样式
是这样
的
: <StyledComponent style={[styles.styleOne, styles.styleTwo
浏览 1
提问于2019-01-14
得票数 0
回答已采纳
2
回答
通
过多
个
组件
转发ref
css
、
reactjs
、
material-ui
、
styled-components
、
react-ref
我正在为一个应用程序
使用
Material-UI
和
styled-components,并且我试图向下传递一个ref到由
MUI
创建
的
根<button>节点。
MUI
有一个buttonRef属性来访问它,所以这很简单,但是我
使用
样式
组件
来
样式
化
MUI
的
按钮
组件
,如下所示: ..
浏览 0
提问于2018-06-15
得票数 3
1
回答
不能用
样式
组件
来设计@
mui
阿凡达图标
reactjs
、
material-ui
、
styled-components
我在玩
样式
部件,在材料用户界面的工作中遇到麻烦。这就是代码:import styled from "styled-components";import MoreVertIcon from "@
mui
/icons-material/MoreVert"; import {
浏览 1
提问于2022-08-29
得票数 0
1
回答
将材料V4格式
的
ts文件转换为V5文件
reactjs
、
typescript
、
material-ui
我正试图从material v4迁移到v5,我面临
的
问题是,以前我有一个styles.ts文件,我会将该文件导入到
组件
中,这个类
的
开始如下所示: defaultFont,import { makeStyles, Theme } from "@
mui
/material/styles"; import { createStyles} from '@
浏览 4
提问于2022-06-02
得票数 0
回答已采纳
1
回答
MUI
属性“调色板”在“主题”类型上不存在
javascript
、
reactjs
、
typescript
、
material-ui
我用
的
是
MUI
和
打字本。> ({})); 但是,当我console.log theme变量时,它会显示一个带有palette属性
的
对象我应该让编译器传递什么类型
的
theme变量?
浏览 31
提问于2022-06-12
得票数 0
回答已采纳
3
回答
React检查
组件
重新
呈现
的
次数
reactjs
、
react-native
我正在做一些事情,我
的
一段代码有点慢,我认为发生
的
情况是
组件
无缘无故地
重新
渲染
了太多次。有没有办法检查一个
组件
在react(或react-native )中
重新
渲染
了多少次?我尝试做
的
是在render方法后放置一个console.log,并计算有多少个,但我不确定这是否有效。提前感谢!
浏览 6
提问于2019-02-07
得票数 9
回答已采纳
1
回答
梅v5:我需要安装“情感/反应”还是“情感/
样式
”来
使用
sx道具?
reactjs
、
material-ui
我已经将我
的
项目从v4迁移到了v5,我只
使用
sx螺旋桨。我还没有安装@emotion/react,一切都很好。是否有任何理由安装@emotion/react
和
@emotion/styled?"@
mui
/icons-material": "^5.0.1","@
mui
/materi
浏览 2
提问于2021-10-22
得票数 5
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Vue移动端UI框架指南
你的React组件还能跑得再快一点
零基础自学web前端需要掌握哪些技能,才能去工作?
Vue scoped属性
移动端框架如雨后春笋,你该如何选择?
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券