文件名称:react-responsive:React中CSS媒体查询-用于响应式设计等
文件大小:58KB
文件格式:ZIP
更新时间:2024-04-25 11:49:58
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)