PigmentHiddenAPI

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

演示

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

隐藏

导入

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

通过阅读此关于最小化捆绑包大小的指南，了解差异。

Props

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

该组件不能包含 ref。

源代码

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