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