react-width:此仓库由https创建和维护

时间:2024-05-20 22:14:36
【文件属性】:

文件名称:react-width:此仓库由https创建和维护

文件大小:51KB

文件格式:ZIP

更新时间:2024-05-20 22:14:36

JavaScript

React宽度 如何安装: yarn add react-width 为什么我们需要这个宽度? React是一个范式转变,它改变了我们对“时间”的思考方式,从使用其他工具实现UI时的习惯。 例如,我们不应该基于事件隐藏事物,而只是不显示它们。 material-ui.com(MUI)具有一个有趣的实用工具 。 withWidth是一个高阶组件(HOC),它告诉组件当前正在显示该组件的屏幕大小。 它使用道具(像其他任何HOC一样)将某些属性注入到组件中。 在这种情况下,注入的道具是width ,它是屏幕的宽度。 屏幕的宽度用以下3个值表示: const LARGE = 3 const MEDIUM = 2 const SMALL = 1 这样,使用withWidth增强的组件可以检查props.width来决定接口的方式。 例如,在两列的页面中,如果屏幕为LARGE则显示左列;如果


【文件预览】:
react-width-master
----.eslintrc(500B)
----.babelrc(753B)
----rollup.config.js(969B)
----package.json(5KB)
----src()
--------index.jsx(206B)
--------components()
----.npmignore(2B)
----LICENSE.md(1KB)
----.gitignore(288B)
----README.md(4KB)
----yarn.lock(167KB)

网友评论