如何通过屏幕尺寸javascript执行功能

Question

如何通过屏幕尺寸的javascript / bootstrap执行功能？

这是div：<div className="col-sm hidden-md hidden-lg"></div>

并且我想设置此功能（仅在小屏幕上）：const [ navOpen, setNavOpen ] = useState(true)

代码在reactjs中，当屏幕很小时如何调用函数？

Answer 1

例如，您可以在useEffect中检查窗口的宽度和高度，并将导航栏设置为打开或关闭。

Answer 2

您可以使用window.innerHeight计算您的useState默认值：

Answer 3

[我怀疑使用useEffect构建的Window.matchMedia会比使用innerWidth的情况更好。这与CSS媒体查询的JavaScript等效。这样，您就可以使用事件驱动的东西。