mobx-react-matchmedia:一个带有媒体查询的React HOC,用于响应式布局

时间:2024-06-03 02:43:55
【文件属性】:

文件名称:mobx-react-matchmedia:一个带有媒体查询的React HOC,用于响应式布局

文件大小:53KB

文件格式:ZIP

更新时间:2024-06-03 02:43:55

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)

网友评论