react-breakpoints:响应DOM元素大小的更改。 使用React Breakpoints，元素查询不再是“网页设计的独角兽”:unicorn:

【文件属性】：
文件名称：react-breakpoints:响应DOM元素大小的更改。 使用React Breakpoints，元素查询不再是“网页设计的独角兽”:unicorn:
文件大小：57KB
文件格式：ZIP
更新时间：2021-05-18 01:45:26
react hooks performance breakpoints media-queries React断点 react-breakpoints允许您响应DOM元素大小的更改。 您可以根据观察到的DOM元素的大小变化来更改组件的评估逻辑和渲染输出。 例如，您可以根据其父容器的宽度将下拉菜单更改为水平列表菜单，而无需使用CSS媒体查询。 :package: 盒子里有什么东西？ 没有轮询。 没有事件监听。 没有哨兵元素。 只是一个 ！ 该软件包为您提供： 实例化ResizeObserver ； 组件可观察DOM元素中的更改并做出响应。 对于高级用户，此软件包还提供： 一个挂钩，用于根据最近的父观察到的大小信息来更改组件的行为； 使用挂钩将组件中的DOM元素连接到上实例化的ResizeObserver ； 使用挂钩检索放在最近的上的ResizeObserverEntry 。 这就是useBreakpoints()在useBrea

【文件预览】：
react-breakpoints-main
----CODE-OF-CONDUCT.md(5KB)
----docs()
--------boxSizes.md(3KB)
--------api.md(22KB)
--------server-side-rendering.md(1KB)
--------css-box-model.png(11KB)
----package.json(2KB)
----React-Breakpoints.png(27KB)
----LICENSE(1KB)
----src()
--------Context.ts(202B)
--------Breakpoints.ts(62B)
--------findBreakpoint.ts(845B)
--------useBreakpoints.ts(5KB)
--------Observe.tsx(1KB)
--------index.ts(274B)
--------useResizeObserverEntry.ts(2KB)
----.npmignore(29B)
----tsconfig.json(351B)
----.gitignore(297B)
----.npmrc(19B)
----README.md(6KB)