腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何将
Material
UI
的
'
useMediaQuery
‘
与
类
组件
一起
使用
javascript
、
reactjs
、
bootstrap-4
、
material-ui
、
conditional-statements
我正在尝试
使用
Material
UI
的
useMediaQuery
来修改
Material
UI
的
一个
组件
的
样式,这就是按钮
组件
。当屏幕缩小时,我试图删除按钮周围
的
轮廓。所以我试着这样做: const mediumScreen =
useMediaQuery
(theme.breakpoints.down('md')); <Butt
浏览 29
提问于2021-07-26
得票数 1
1
回答
如何调用来自react
类
基本
组件
的
钩子调用?
reactjs
、
material-ui
我想在基于
类
的
组件
中
使用
像
useMediaQuery
这样
的
函数。我怎样才能做到这一点?React from 'react';import { withStyles ,withTheme ,withMediaQuery } from '@
material
-
ui
/styles'; import {
useMediaQuery</
浏览 0
提问于2019-09-17
得票数 1
回答已采纳
1
回答
使用
material
ui
使卡片
组件
响应
css
、
material-ui
</Grid> </form> </Typography></div> 上面的代码是card
组件
的
用户界面,我试图使card
组件
移动响应,但我得到
的
界面如下所示 卡片和文本字段应该能够响应屏幕大小,但我无法使其工作。
浏览 23
提问于2020-03-25
得票数 0
回答已采纳
4
回答
如何在物料界面中根据断点更改按钮道具
reactjs
、
material-ui
我试图改变不同屏幕大小
的
材质-
ui
按钮上
的
变体和/或大小。例如,不要在"sm“断点下
使用
任何变体或size="small”,而在"sm“之上
使用
variant=”和/或size=“”large“。通常,我会
使用
withStyles并创建一个带有theme.breakpoints
的
样式,通过
使用
className将样式应用到元素中来影响更改,但是变体和大小是道具。在阅读了,浏览了网页,并做了大量
的
浏览 1
提问于2018-09-24
得票数 9
回答已采纳
1
回答
断点在设置断点时不起作用
reactjs
、
material-ui
因此,我
的
断点似乎没有排好队。“sm”屏幕似乎设置为1055px。Theme.jsNavigator.js const theme = useTheme(); const matches =
useMediaQuery<
浏览 0
提问于2021-02-24
得票数 0
2
回答
如何在
类
组件
中
使用
useMediaQuery
javascript
、
reactjs
、
material-ui
、
react-hooks
当
使用
函数作为
组件
时,您可以
使用
material
-
ui
中
的
useMediaQuery
钩子。然而,它并没有向你展示如何在一个
类
中
使用
这个钩子。所以我做了一些研究,发现你可以通过这样做在
类
中
使用
它: import React from 'react'; import
useMediaQuery
from '@
material
-
ui
浏览 137
提问于2020-01-10
得票数 11
回答已采纳
2
回答
材料用户界面停止小屏幕上
的
挠性盒
css
、
reactjs
、
flexbox
、
material-ui
是否有可能停止Flexbox在小屏幕上
的
材料用户界面?我需要一些东西,如d
类
,在Bootstrap,但
使用
的
材料用户界面。任何输入都是非常感谢
的
!
浏览 6
提问于2020-11-23
得票数 1
回答已采纳
3
回答
Material
UI
-当宽度变为xs时如何从容器中移除填充
reactjs
、
material-ui
import React from "react";import Paper from "@
material
-
ui
/core/Paper"; import Container from "@
material
-
ui
/core/Container&qu
浏览 4
提问于2020-07-28
得票数 2
1
回答
自定义“全屏”高度
的
材料
UI
对话框模态
组件
javascript
、
reactjs
、
material-ui
目前,我正在按照docs中
的
建议在
Material
对话框
组件
上
使用
fullScreen属性(它作为屏幕上
的
一个模式),如下所示: const fullScre
浏览 4
提问于2021-09-10
得票数 2
回答已采纳
1
回答
Material
- URL作为链接
组件
更改ListItem,但不更改呈现
组件
javascript
、
reactjs
、
material-ui
、
navbar
、
url-routing
我正在为我
的
学校项目网站编写一个导航栏。我在Appbar
组件
中
使用
Material
-
UI
的
List
组件
。我发现有两个问题: 1)初始
的
onClick将导致指向'/‘路径
的
路由;2)第二个onClick将更改为正确
的
路由,但不会呈现所需
的
组件
。如果有帮助,请参阅底部问题
的
gif。"; import { makeStyles } from
浏览 1
提问于2021-03-02
得票数 1
2
回答
为什么主题在
Material
-
UI
中不起作用?
javascript
、
reactjs
、
material-ui
我正试着在我
的
web应用程序中添加一个很酷
的
主题改变功能(从亮到暗,反之亦然)。我正在
使用
Material
-
UI
框架和react来构建应用程序。theme.palette.secondary.paper, position : 'absolute', }, })); 和我
的
组件
darkTheme : theme}>
浏览 79
提问于2021-04-15
得票数 1
回答已采纳
1
回答
通过SSR支持根据断点更改属性
javascript
、
reactjs
、
material-ui
、
server-side-rendering
、
breakpoints
我
使用
的
是
material
-
ui
@v5,即。alpha分支。目前,我有一个自定义
的
Timeline
组件
可以做到这一点: const mdDown =
useMediaQuery
(theme =>是
使用
JS实现
的
,并且只是客户端。我想寻求一个CSS实现等效于上面的代码
与
SSR
一起
工作。有没有更好
的
方法来实现
浏览 2
提问于2021-05-13
得票数 9
1
回答
Material
-
ui
如何使搜索文本字段在
material
-table中展开
reactjs
、
material-ui
、
material-table
我
使用
的
是
material
-table,我想让搜索文本字段像在这个example中那样可扩展。但是我不知道如何更改该文本字段
的
样式。My table 我试过这样
的
方法,但不起作用.. options={{ padding:
浏览 13
提问于2020-04-06
得票数 1
2
回答
材料-用户界面响应卡
reactjs
、
material-ui
我正在测试材料-
UI
。我已经
使用
了很长一段时间了,但我有兴趣调整一些反应项目的材料-
UI
。我一直想弄清楚
的
是,如何在资料界面中创建响应卡。在过去,我非常依赖引导响应容器,所以我不明白为什么我的卡片会随着页面而扩展,但是不要缩小,因为窗口是condensed...If --我们应该为此编写自定义
的
css --我不介意,只是需要指出正确
的
方向问题: 是响应卡中
的
物质-
UI
出门
的
东西?还是我们要写css来使卡响应?如果是,我在哪里能学会这样
浏览 1
提问于2020-03-22
得票数 2
回答已采纳
1
回答
如何组合来自父
组件
和子
组件
的
makeStyle
类
?
reactjs
、
material-ui
如何将
makeStyle
类
从父
组件
传递到子
组件
,并将它们
与
子
组件
中
的
makeStyle
类
组合在
一起
?例如,如下所示,将隐藏
的
断点添加到子
组件
样式。示例子
组件
: import React from "react"
浏览 14
提问于2020-06-25
得票数 5
回答已采纳
1
回答
在
material
-
ui
中
使用
图标响应按钮
的
最佳方法是什么?
css
、
reactjs
、
material-ui
我有一个带startIcon
的
material
-
ui
Button,我想在小屏幕上隐藏按钮文本,但继续显示图标。 最明显
的
方法是
使用
useMediaQuery
钩子来检测浏览器大小并呈现不同
的
组件
。然而,我不得不想象有一种方法可以通过
使用
CSS api来实现。乍一看,我无法针对文本元素隐藏它,因为它被包装在
与
图标相同
的
父元素中。Button CSS api
的
label字段包含图标,因
浏览 22
提问于2020-04-22
得票数 0
回答已采纳
2
回答
如何
使用
按断点从
Material
UI
按钮中删除轮廓
javascript
、
reactjs
、
bootstrap-4
、
material-ui
、
conditional-statements
这是第一个这样
的
例子。LOL
浏览 38
提问于2021-07-26
得票数 3
2
回答
如何
使用
react测试库为不同屏幕大小编写单元测试用例
unit-testing
、
react-hooks
、
jestjs
、
material-ui
、
react-testing-library
我
使用
Material
的
MediaQuery和theme.breakpoints来定义屏幕大小。import Button from "@
material
-
ui
/core/Button"; import
useMediaQuery
from "@
mater
浏览 31
提问于2022-06-24
得票数 0
2
回答
useMediaQuery
性能-我应该在props中传递它,还是只是在嵌套
组件
中再次调用它?
reactjs
、
material-ui
、
react-hooks
为了最佳实践/性能,我应该
useMediaQuery
一次并在props中传递它吗?或者我应该在嵌套
组件
中再次调用
useMediaQuery
?或者这真的无关紧要?所以,举个例子是不是更好: const theme = useTheme(); const theme = useTheme(); const isM
浏览 0
提问于2020-01-31
得票数 0
1
回答
如何在
使用
类
组件
时根据屏幕大小断点更改物料
UI
按钮
组件
的
属性
javascript
、
css
、
reactjs
、
material-ui
、
media-queries
我正在
使用
材料
UI
的
按钮
组件
,并希望有条件地确定该按钮
的
变体。也就是说,在中等以上
的
屏幕上,变体应该是“轮廓”
的
,当屏幕小于中等时,变体类型应该是无。我正在
使用
一个
类
组件
。我已经做了我
的
研究,看看别人做了什么。我已经看到了
使用
useMediaQuery
方法
的
方法,但这需要我将
组件
更改为功能
组件
。我不确定我是否知
浏览 0
提问于2021-07-27
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
在2018年你应该知道的11个Vue.js组件库
2018 年你需要知道的 Vue.js 组件库,完善你的应用开发!
2018 年你需要知道的 Vue.js 组件库,完善你的应用开发
全新版Jetpack进阶提升,系统性落地短视频App
GitHub 上需要关注的 10大React 库
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券