use viewport:自定义的Hook for React可报告当前视口的高度宽度和尺寸分类。它还侦听视口大小的更改 源码

使用视口 useViewport()是一个自定义的React Hook,它报告当前视口的当前高度,宽度和大小。每当视口大小更改时,它都使用window侦听器自动更新。 用法 const SomeComponent = ( ) => { const viewport = useViewport ( ) ; return < > The viewport is currently { viewport . width } pixels wide. < / div > This div only displays on "xs"-sized viewports.