2回答
当使用函数作为组件时，您可以使用material-ui中的useMediaQuery钩子。然而，它并没有向你展示如何在一个类中使用这个钩子。所以我做了一些研究，发现你可以通过这样做在类中使用它： import React from 'react';
import useMediaQuery from '@material-ui/core/us
浏览 137提问于2020-01-10得票数 11
回答已采纳
我正在尝试使用Material UI的useMediaQuery来修改Material UI的一个组件的样式，这就是按钮组件。当屏幕缩小时，我试图删除按钮周围的轮廓。所以我试着这样做： const mediumScreen = useMediaQuery(theme.breakpoints.down('md'));
nameoutlined'}
浏览 29提问于2021-07-26得票数 1
我想在基于类的组件中使用像useMediaQuery这样的函数。我怎样才能做到这一点？from 'clsx';import { useMediaQueryReact.Component{ const { children ,classes,theme} = t
浏览 0提问于2019-09-17得票数 1
回答已采纳
4回答
responsive.js sm: useMediaQuery({ maxWidth: 768 }), lg: useMediaQuery({ minWidth/src/responsive.js (responsive.js:3)
浏览 2提问于2021-11-25得票数 1
回答已采纳
我已经反应组件，我使用withStyles()高级组件注入自定义样式。它在中描述得很好，但我没有找到任何使用主题的例子。const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');)
我还使用一些带有makeStyles()的功能组
浏览 9提问于2020-03-12得票数 8
回答已采纳
1回答
所以我想问的是，有一种用钩子来反应功能组件的风格指南。有时，我使用包含不同类型钩子的组件：
import { u
浏览 1提问于2022-04-21得票数 0
1回答
如果呈现的输出依赖于媒体查询，则测试React组件时会出现问题。我正在使用Jest和React测试库。组件使用react-responsive根据匹配的媒体查询返回不同的标记。只有包装在媒体查询中的而不是的标记才会呈现。// test component
import React from 'react&#
浏览 1提问于2021-08-23得票数 2
我用的是"@mui/material": "^5.1.1"import { useTheme, useMediaQuery, Dialog, DialogTitle } from 'const [dialogOpen, setDialogOpen] = useState(false);
setDialogOpen(useMediaQuery钩子只能在函数组件的主体内调用。这种情况的发生有以下原因
浏览 2提问于2022-02-04得票数 0
回答已采纳
我正在尝试使用基于设备宽度的react-responsive to conditional渲染组件。在客户端，一切都运行得很好，但是对于SSR，我遵循文档使用上下文来传递初始服务器呈现的特定宽度。组件根据设备宽度定义设备：};
我对DeviceIdentifier组件</
浏览 16提问于2020-05-29得票数 2
我在我的一个组件中使用Material-UI的useMediaQuery()函数来确定在组件中用于<Button>的size属性。我正在尝试在jest测试中测试它是否如预期的那样工作，但是我当前的实现没有工作： describe("Unit: <Navbar> On xs screens", () => {
});
浏览 44提问于2019-05-17得票数 4
回答已采纳
我试图使用useMediaQuery来响应javascript媒体查询，但是我无法让它工作，我得到：-游乐场import { useState, useEffect } from 'react'
const useMediaQueryremoveEventListener('change'
浏览 0提问于2020-11-07得票数 0
回答已采纳
3回答
我试图在我的反应应用程序中使用资料-用户界面。组件是伟大的，但它似乎不是为了响应而设计的。例如，我试图实现主页中的抽屉组件，如下所示： <AppBar谢谢，-Jim
浏览 3提问于2017-07-12得票数 9
</Grid> </form> </Typography></div> 上面的代码是card组件的用户界面，我试图使card组件移动响应，但我得到的界面如下所示 卡片和文本字段应该能够响应屏幕大小，但我无法使其工作。
浏览 23提问于2020-03-25得票数 0
回答已采纳
为了最佳实践/性能，我应该useMediaQuery一次并在props中传递它吗？或者我应该在嵌套组件中再次调用useMediaQuery？或者这真的无关紧要？所以，举个例子是不是更好： const theme = useTheme(); const theme = useThem
浏览 0提问于2020-01-31得票数 0
目前，我正在按照docs中的建议在Material对话框组件上使用fullScreen属性(它作为屏幕上的一个模式)，如下所示：
const fullScreen = useMediaQuery
浏览 4提问于2021-09-10得票数 2
回答已采纳
1回答
当xs大小时，我想为MUI容器设置disableGutters。<Container disableGutters sx={{ display: { xs: 'block', md: 'none' } }}></Container>
...lot of duplicit code
</Contai
浏览 3提问于2022-08-23得票数 0
回答已采纳
我使用Material UI的useMediaQuery()钩子，我注入了主题提供者，并创建了一个变量，如下所示： const theme = useTheme();
const isSmall =useMediaQuery(theme.breakpoints.down('sm') ); 我在几个地方使用isSmall变量来确定页面的各种特征。如果我删除useMediaQuery依赖项并使用makeStyles()方法设置样式，则一切都很好，例如： const use
浏览 38提问于2021-02-10得票数 1
回答已采纳
2回答
我已经使用了很长一段时间了，但我有兴趣调整一些反应项目的材料-UI。我一直想弄清楚的是，如何在资料界面中创建响应卡。问题：提前感谢您的帮助！
浏览 1提问于2020-03-22得票数 2
回答已采纳
2回答
实际上，从响应性文档中窃取了一个函数，它位于一个名为Mobile.js的文件中，如下所示： const mobile = useMediaQuery({mobile && <p>You are sized like a mobile phone</p>} );但是，我想要做的是将布尔值"mobile“传递给其他js文件中的其他类，然后根据
浏览 2提问于2020-03-29得票数 2
回答已采纳
云服务器
ICP备案
对象存储
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号