我想在useState默认值处获取当前屏幕宽度，document显示undefined

Question

轮播图 480以下显示另外一种图片。请问我怎么才能成功一进去页面就获取正确的值。按目前的写法swiper显示出来是有问题的。useState的默认值不能使用document.body.clientWidth
ssr项目 能有什么办法吗

Answer 1

看着没毛病额 ，给个能复现得demo看看咯 ？

默认值直接给 document.body.clientWidth 为什么不行 ？ 非得再 useEffect里面去赋值

Answer 2

你是怎么判断 document.body.clientWidth 是 undefined 的？你代码里并没有输出过这个值。

Answer 3

楼主试试 window.document.xxxx

我以前获取url的时候发现location.href不行，必须是window.location.href

楼主也可能是同样的问题

Answer 4

用 useLayoutEffect 周期，它会在所有的 DOM 变更之后同步调用 effect