![]() |
1
124
另一个解决方案是使用
但是
所以我们必须使用back
另一种解决方案是使用react钩子替换
|
![]() |
2
83
将代码从
下一个。js,
同样的道理,
|
![]() |
3
78
如果你使用 反应钩 你可以把代码移到 Effect Hook :
里面的代码
|
![]() |
4
57
没有SSR https://nextjs.org/docs/advanced-features/dynamic-import#with-no-ssr
|
![]() |
5
12
解决方案1:
或者,解决方案2 如果你只想在里面表演,那么你可以写下:
|
![]() |
6
9
在类的构造函数中 组成部分 你可以加上
例子:
这将避免错误(在我的情况下,错误将在我单击页面的重新加载后发生)。 |
![]() |
7
6
发生错误的原因是,当组件仍在安装时,窗口还不可用。安装组件后,可以访问窗口对象。
你可以创建一个非常有用的钩子来获得动态
用例:
|
![]() |
8
5
我必须从URL访问哈希,所以我想到了这个
|
![]() |
9
3
在next开发web应用程序时,我也面临同样的问题。js 这解决了我的问题,您必须在生命周期方法或react钩子中引用窗口对象。例如,假设我想用redux创建一个store变量,在这个store中,我想使用一个windows对象,我可以如下所示:
所以,基本上,当你在处理窗口的对象时,总是使用一个钩子来玩或玩
|
![]() |
10
3
有史以来最好的解决方案
|
![]() |
11
2
这是我做的一个简单易用的解决方法。
用法:
这比
|
![]() |
12
1
对于这种情况,下一步。js有 Dynamic Import . 如果一个模块包含一个只在浏览器中工作的库,建议使用动态导入。 Refer |
![]() |
13
1
日期:2021年8月6日 检查窗口对象是否存在,然后按照代码进行操作。
|
![]() |
14
1
有点晚,但你也可以考虑使用
Dynamic Imports
从…起
可以在动态函数中扭曲组件的导入,然后将返回的值用作实际组件。
|
![]() |
15
0
您可以定义一个状态变量,并使用窗口事件句柄来处理这样的更改。
|
![]() |
16
0
如果是NextJS应用程序和内部 _文件。js ,请在下面使用:
|
![]() |
17
-1
我想留给未来的研究人员一个有趣的方法。它使用了一个定制的钩子 useEventListener 这可以用于其他许多需求。 请注意,您需要对最初发布的内容进行一些更改,就像我建议的那样 here . 所以它会这样结束:
|
![]() |
Ângelo Rigo · ReactJS映射:如何迭代[关闭] 4 月前 |
![]() |
vatsal chauhan · 即使在字体预加载时,文本加载也很慢 5 月前 |
![]() |
noblerare · Vite错误-未定义导出(SSR) 5 月前 |