使用Media React钩子跟踪CSS媒体查询状态

时间:2024-06-28 08:30:59
【文件属性】:

文件名称:使用Media React钩子跟踪CSS媒体查询状态

文件大小:89KB

文件格式:ZIP

更新时间:2024-06-28 08:30:59

Awesome React Hooks

use-media useMedia React 传感器挂钩,用于跟踪 CSS 媒体查询的状态。 安装您可以使用 npm npm install --save use-media 安装 use-media 或使用 yarn yarn add use-media Usage With useEffect import useMedia from 'use-media'; // 或者,您可以导入为: // import {useMedia} from 'use-media'; const Demo = () => { // 接受一个特征对象来测试 const isWide = useMedia({minWidth: '1000px'}); // 或者一个常规的媒体查询字符串 const reduceMotion = useMedia('(prefers-reduced-motion: reduce)'); 返回 (


【文件预览】:
use-media-master
----.gitignore(1005B)
----tsconfig.json(589B)
----README.md(4KB)
----CHANGELOG.md(1KB)
----.github()
--------FUNDING.yml(65B)
----package.json(1KB)
----src()
--------types.ts(208B)
--------utilities()
--------useMedia.ts(1KB)
--------index.ts(62B)
----renovate.json(202B)
----.travis.yml(290B)
----yarn.lock(210KB)

网友评论