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

新手上路，请多包涵

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

typescript hooks react

阅读 3.8k

4 个回答

得票最新

Kapok

451115

发布于
2021-08-04

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

查看全部 4 个回答

推荐问题

Next.js做纯前端是否可行？
最近在学习Next.js存在一个疑问，如果只需要做前端界面的渲染和交互后端逻辑都用java来做，是否还需要使用Next.js，还是说直接使用React+Tailwind css更好
4 回答1.7k 阅读
请问，是否可以设定Table的宽度，或者不让其超过父容器呢？
我写了一个可编辑Cell的List： {代码...} 使用方式： {代码...} 现在的问题是，比如：内容过长会直接冲出父容器：请问，是否可以设定Table的宽度，或者不让其超过父容器呢？
2 回答1.1k 阅读✓ 已解决
如何处理 npm 包依赖的依赖？
dependencies、devDependencies 还是 peerDependencies? dependencies 用户在使用我的包时，会自动安装 b，但是其实不需要安装b。peerDependencies 要求用户的项目中安装了 b , devDependencies 在 npm i 时，不会自动，符合我的期望，但是我发现 npm 上很多开发者没有把依赖安装到 devDependencies，而是 dependencies...
1 回答1.1k 阅读✓ 已解决
如何在React中阻止子组件手势穿透父组件？
在嵌套组件中，子组件的点击事件会触发父组件的相同手势。例如，子组件是一个按钮，父组件是一个可点击的卡片，点击按钮时卡片的点击事件也会触发。如何实现仅子组件响应手势，阻止事件传递到父组件？
4 回答1.5k 阅读
对于git的使用不解，还望解答，万分感谢！？
有几点疑问：1、比如远程上有n个分支，我在pull的时候如何才能更新哪个分支的内容呢？2、还是说n各分支都可以各自更新，最后汇总到master，我只需要pull master分支就好，但是这样会不会出现另一个问题，就是自己修改的文件，别人同时也在修改，这样再汇总master的时候就会有冲突，又如何知道谁的代码是最终的？3、看到...
1 回答757 阅读✓ 已解决
next.js ssr编写组件的正确姿势？
非专业前端，既要用服务端渲染，又要用状态管理事件处理的问题。next.js服务端组件，react相关的钩子函数，状态管理，全局状态管理，事件处理全不能用。要用到事件处理，状态管理的话只能用客户端组件吗？那又要ssr利于seo怎么搞呢？我想的是页面主要内容用ssr生成，需要处理事件，状态的组件只能包装一个客户端组件，在...
2 回答938 阅读✓ 已解决
请问 react 什么情况下你会将组件分到一个文件中，什么情况组件写在同一个文件中？
react 的官方文档提倡及时分组件，但是没有提到什么情况将组件独立到文件中，你是怎么操作的？
2 回答1.1k 阅读

相似问题

react中如何获取屏幕宽度，用在offsetX上
2 回答12.9k 阅读✓ 已解决
使用react hook的useState创建的参数传入默认值情况下得到的是undefined?
1 回答3.9k 阅读✓ 已解决
我想在web上实现获取当前位置的各类型的卫星数量，有办法实现吗？
2 回答1.4k 阅读
screen.orientation.addEventListener('change')拿不到最新的document的宽度？
1 回答1.6k 阅读
antd layout刷新页面当前选中会回到默认值怎么解决？
1 回答3.3k 阅读✓ 已解决

找不到问题？创建新问题

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

Next.js做纯前端是否可行？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？

如何处理 npm 包依赖的依赖？

如何在React中阻止子组件手势穿透父组件？

对于git的使用不解，还望解答，万分感谢！？

next.js ssr编写组件的正确姿势？

请问 react 什么情况下你会将组件分到一个文件中，什么情况组件写在同一个文件中？