文件名称:use-media-query-hook:React使用媒体查询挂钩
文件大小:120KB
文件格式:ZIP
更新时间:2024-05-26 10:31:29
react hooks media-query custom-hook media-query-list
使用媒体查询挂钩 React挂钩检查媒体查询结果何时更改 安装 yarn add use-media-query-hook 用法 import React from 'react' ; import useMediaQuery from 'use-media-query' ; const App = ( ) => { const isMobile = useMediaQuery ( '(max-width: 425px)' ) return ( < h1> { isMobile ? ':mobile_phone:' : ':laptop:' } < / h1 > ) ; } 查看有关MDN文档
【文件预览】:
use-media-query-hook-master
----.travis.yml(47B)
----.babelrc(164B)
----rollup.config.js(378B)
----index.js(825B)
----package.json(1KB)
----__tests__()
--------index.spec.js(3KB)
----.prettierrc(130B)
----.prettierignore(23B)
----jest.config.js(6KB)
----LICENSE(1KB)
----.gitignore(58B)
----demo()
--------.babelrc(74B)
--------package.json(1KB)
--------src()
--------.npmignore(2B)
--------webpack.config.js(2KB)
--------README.md(37B)
--------yarn.lock(157KB)
----README.md(1KB)
----yarn.lock(172KB)