【文件属性】:
文件名称:mobx-react-matchmedia:一个带有媒体查询的React HOC,用于响应式布局
文件大小:53KB
文件格式:ZIP
更新时间:2021-05-14 08:57:15
react mobx responsive mediaqueries breakpoints
MobX React MatchMedia
一个带有媒体查询的React HOC,用于响应式布局。
安装
npm i --save mobx-react-matchmedia
用法
定义Mobx可观察的断点
import { observable } from 'mobx' ;
const breakpoints = observable ( {
xs : '(max-width: 767px)' ,
su : '(min-width: 768px)' ,
sm : '(min-width: 768px) and (max-width: 991px)' ,
md : '(min-width: 992px) and (max-width: 1199px)' ,
mu : '(min-width: 992px)' ,
lg : '(min-width: 1200px)'
【文件预览】:
mobx-react-matchmedia-master
----.eslintrc(174B)
----src()
--------MatchMediaProvider.jsx(2KB)
--------matchMedia.js(628B)
--------index.js(191B)
----.babelrc(162B)
----demo()
--------.eslintrc(101B)
--------yarn.lock(149KB)
--------webpack.config.js(1KB)
--------src()
--------.babelrc(49B)
--------README.md(350B)
--------.gitignore(35B)
--------package.json(1KB)
----.travis.yml(388B)
----LICENSE(1KB)
----webpack.config.babel.js(610B)
----README.md(2KB)
----tests()
--------.eslintrc(135B)
--------config.js(137B)
--------test.jsx(670B)
--------data()
----.gitignore(146B)
----package.json(3KB)