【文件属性】:
文件名称:react-responsive:React中CSS媒体查询-用于响应式设计等
文件大小:58KB
文件格式:ZIP
更新时间:2021-04-05 18:03:18
TypeScript
React敏感
信息
包裹
React敏感
描述
媒体查询响应以响应式设计
浏览器版本
> = IE6 *
最好的支持,最容易使用的React Media查询模块。
安装
$ npm install react-responsive --save
用法示例
带钩
Hooks是8.0.0中可用的新功能!
import React from 'react'
import { useMediaQuery } from 'react-responsive'
const Example = ( ) => {
const isDesktopOrLaptop = useMediaQuery ( {
query : '(min-width: 1224px)'
} )
const isBigScreen = useMediaQuery ( { query : '(min-width:
【文件预览】:
react-responsive-master
----.gitignore(97B)
----package.json(3KB)
----src()
--------mediaQuery.ts(2KB)
--------toQuery.ts(813B)
--------useMediaQuery.ts(3KB)
--------tsconfig.json(37B)
--------Component.tsx(833B)
--------index.ts(220B)
--------Context.ts(173B)
--------types.ts(1KB)
----webpack.config.js(2KB)
----.travis.yml(76B)
----dist()
--------react-responsive.min.js.map(15KB)
--------src()
--------react-responsive.js.map(29KB)
--------react-responsive.min.js(10KB)
--------react-responsive.js(50KB)
----LICENSE(1KB)
----CHANGELOG.md(33KB)
----tsconfig.json(397B)
----.github()
--------FUNDING.yml(15B)
----.eslintrc.js(328B)
----README.md(9KB)
----global.d.ts(408B)
----test()
--------setup.js(486B)
--------toQuery_test.ts(955B)
--------mediaQuery_test.ts(2KB)
--------Component_test.tsx(2KB)
--------useMediaQuery_test.tsx(7KB)
----.editorconfig(165B)