【文件属性】:
文件名称:react-simple-matchmedia:用于匹配媒体查询的React挂钩。 (如果媒体查询不匹配,则在DOM中不存在)
文件大小:94KB
文件格式:ZIP
更新时间:2021-05-01 15:17:13
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)