【文件属性】：
文件名称：react-sizes:可以轻松将窗口大小映射到道具
文件大小：110KB
文件格式：ZIP
更新时间：2021-04-12 20:30:08
react responsive hoc high-order-component media-queries
安装
yarn add react-sizes
npm install react-sizes
什么和为什么
React Sizes是具有强大性能的高阶组件，可将窗口大小（宽度和高度）转换为道具。 您可以检查组件内部，例如，用户窗口的宽度是否小于480像素，并添加自定义内容。
当您需要为移动设备和台式机显示不同的内容时，它可能会非常强大。 但这不限于这种情况。 只需根据需要使用即可。
用法
带有类组件。
import React , { Component } from 'react'
import withSizes from 'react-sizes'
class MyComponent extends Component {
render ( ) {
return < div> { this . props . isMobile ? 'Is Mobile' : 'I
【文件预览】：
react-sizes-master
----.eslintrc(812B)
----rollup.config.js(726B)
----yarn.lock(350KB)
----.yarnclean(398B)
----.prettierignore(13B)
----src()
--------utils()
--------SizesContext.js(233B)
--------presets.js(508B)
--------SizesProvider.js(226B)
--------withSizes.js(3KB)
--------createSizedComponent.js(300B)
--------index.js(268B)
----babel.config.js(452B)
----.npmignore(103B)
----.storybook()
--------stories()
--------config.js(131B)
--------components()
----.prettierrc(209B)
----README.md(8KB)
----logo.png(5KB)
----.editorconfig(174B)
----.gitignore(49B)
----.eslintignore(25B)
----package.json(3KB)