文件名称:react-simple-matchmedia:用于匹配媒体查询的React挂钩。 (如果媒体查询不匹配,则在DOM中不存在)
文件大小:94KB
文件格式:ZIP
更新时间:2024-05-21 09:03:53
JavaScript
React简单匹配媒体 用于匹配媒体查询的React hook 。 它使用浏览器的window.matchMedia 。 具有SSR支持 :rocket: 安装 $ yarn add react-simple-matchmedia 或者 $ npm i react-simple-matchmedia 用法 预定义的媒体查询: 媒体 价值 电话 (最小宽度:320像素)和(最大宽度:568像素) 药片 (最小宽度:768像素)和(最大宽度:1024像素) 桌面 (最小宽度:1224px) 使用预定义的查询: import useReactSimpleMatchMedia from 'react-simple-matchmedia' const MediaQueryComponent = () => { const matched = useReactSimpleMatchMedia('ph
【文件预览】:
react-simple-matchmedia-master
----.eslintrc(632B)
----.babelrc(132B)
----rollup.config.js(336B)
----index.js(683B)
----package.json(1KB)
----jest.config.js(226B)
----tests()
--------index.test.js(1KB)
--------__snapshots__()
----LICENSE(1KB)
----setupTests.js(123B)
----.gitignore(928B)
----.circleci()
--------config.yml(566B)
----README.md(2KB)
----yarn.lock(231KB)
----mediaQueries.js(167B)