隐藏API

Hidden 组件已在 Material UI v5 中弃用。要了解更多信息，请参阅迁移文档的Hidden 部分。

React Hidden 组件的 API 参考文档。了解此导出模块的属性、CSS 和其他 API。

演示

有关此 React 组件的用法示例和详细信息，请访问组件演示页面

隐藏

导入

import Hidden from '@mui/material/Hidden';
// or
import { Hidden } from '@mui/material';

通过阅读有关最小化捆绑包大小的指南，了解它们之间的差异。

根据所选的实现方式，响应式地隐藏子元素。

属性

原生组件的属性也可用。

名称	类型	默认值	描述
children	节点	-	组件的内容。
implementation	'css' \| 'js'	'js'	指定要使用的实现方式。'js' 是默认值，'css' 更适合服务端渲染。
initialWidth	'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'	-	在使用服务端渲染选择 `js` 实现时，可以使用此属性。由于 `window.innerWidth` 在服务器上不可用，因此我们默认在首次挂载期间渲染一个空组件。你可能需要使用启发式方法来近似客户端浏览器屏幕宽度。例如，你可以使用用户代理或客户端提示。https://caniuse.cn/#search=client%20hint
lgDown	布尔值	false	如果为 `true`，则组件在小于（但不包括）此尺寸的屏幕上隐藏。
lgUp	布尔值	false	如果为 `true`，则组件在此尺寸及以上的屏幕上隐藏。
mdDown	布尔值	false	如果为 `true`，则组件在小于（但不包括）此尺寸的屏幕上隐藏。
mdUp	布尔值	false	如果为 `true`，则组件在此尺寸及以上的屏幕上隐藏。
only	'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| Array<'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'>	-	隐藏给定的断点。
smDown	布尔值	false	如果为 `true`，则组件在小于（但不包括）此尺寸的屏幕上隐藏。
smUp	布尔值	false	如果为 `true`，则组件在此尺寸及以上的屏幕上隐藏。
xlDown	布尔值	false	如果为 `true`，则组件在小于（但不包括）此尺寸的屏幕上隐藏。
xlUp	布尔值	false	如果为 `true`，则组件在此尺寸及以上的屏幕上隐藏。
xsDown	布尔值	false	如果为 `true`，则组件在小于（但不包括）此尺寸的屏幕上隐藏。
xsUp	布尔值	false	如果为 `true`，则组件在此尺寸及以上的屏幕上隐藏。

该组件不能保持 ref。

源代码

如果你在此页面中找不到所需的信息，请考虑查看组件的实现以了解更多详细信息。