【文件属性】：
文件名称：react-media-query-hoc:React媒体查询的高阶组件
文件大小：204KB
文件格式：ZIP
更新时间：2021-05-06 16:19:14
JavaScript
React媒体查询
死了的简单React高阶组件（HOC），它使用上下文来匹配媒体查询。
为什么要使用这个？
一个简单的API，不需要您在整个代码库中放置MediaQuery组件
性能更高（您只需要1个父MediaQueryProvider侦听您希望配置的媒体事件）
比其他React Media查询库更易于测试
小
使用解析并确定给定CSS Media Query是否匹配一组值（用于服务器端呈现）。
您希望根据媒体类型安装和渲染特定的React组件
为什么不使用这个？
我们通常建议使用原始CSS媒体查询来构建响应式网站，这更简单，提供更流畅的UX，并且还减轻了在过程中猜测屏幕宽度的。 如果您需要在各种媒体类型之间显着改变页面布局，请使用此库（一些示例包括：实验需要在特定的屏幕宽度上运行，或者广告需要在特定的屏幕宽度上运行）。
安装
通过 ：
npm install react-
【文件预览】：
react-media-query-hoc-master
----package.json(2KB)
----cypress()
--------plugins()
--------support()
--------integration()
--------fixtures()
----test()
--------media-context.js(1KB)
--------with-media.js(1KB)
--------mocha.opts(66B)
--------media-query-provider.js(7KB)
--------setup.js(633B)
--------.eslintrc.js(105B)
--------integration.js(2KB)
--------utils()
----LICENSE(1KB)
----package-lock.json(339KB)
----dist()
--------with-media.js(4KB)
--------context.js(307B)
--------utils.js(532B)
--------index.js(650B)
--------media-query-provider.js(7KB)
----src()
--------with-media.js(996B)
--------utils.js(257B)
--------index.js(177B)
--------media-query-provider.js(4KB)
----.eslintrc.js(135B)
----.gitignore(39B)
----demo()
--------browser.js(212B)
--------server.js(2KB)
--------components()
----cypress.json(41B)
----README.md(7KB)
----yarn.lock(266KB)
----.eslintignore(23B)
----travis.yml(94B)