#2532·react-use

useWindowSize 在 App Router (nextjs) 中不起作用

作者: ghostlexly创建于 2023年12月18日更新于 2026年1月16日

** 当前的行为是什么? **

给出错误 : app-index.js:32 警告:道具"width"不匹配. 服务器:"无限"客户端:"1290"

这可能是由于应用路由器在服务器侧运行代码,即使指定了"使用客户端".

** 将它复制出来,并尽可能对问题作最低限度的演示。 如果我们能运行你的代码,它除了“反应-使用”之外没有额外的依赖性,你的bug会得到更快的修复. 粘贴链接到您的 [JSFiddle] (https://jsfidle.net) 或 [codeSandbox] (https://codesandbox.io) 实例如下:**

  • 安装下14个
  • 使用应用程序路由器
  • 创建一个组件

时间轴 : “使用客户端”;

从“反应-使用/lib/使用WindowSize”中导入 WindowSize;

步入( ) = () # # const {宽度,高} = 使用 WindowSize();

返回 (<></>) {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

导出默认 部件;


** 什么是预期的行为? **

给出浏览器的窗口大小

** 关于版本:**
-  OS : MacOS (英语).
-  浏览器(阴道和版本) :Chrome
- 反应 : 18.2.0
- 反应-使用: 17.4.2
- 这在上一个软件包版本有效吗? 没有

内容来源: streamich/react-use