腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
5
回答
在
NextJS
中
通过
useEffect
监听
路由器
更改
reactjs
、
next.js
我试图让
useEffect
在用户
通过
导航
更改
页面时执行一些代码。 我的问题是
useEffect
不会在路由
更改
时执行(不会在控制台中显示)。它只会在第一次加载页面时出现,之后就不会出现了 我使用了
nextJS
中
的google analytics示例 这是我的简单_app.tsx import type { AppProps } from "/styles/css.scss"; import { useRouter } from &q
浏览 391
提问于2021-04-13
得票数 4
回答已采纳
1
回答
当使用不同的params路由到同一页时,
NextJS
初始状态不会更新
javascript
、
reactjs
、
state
、
url-routing
、
next.js
这个项目正在使用
NextJS
localhost:3000/first/second 我在那页上叫getInitialProps。正如在
NextJS
GitHub上建议的那样,我厌倦了
在
‘getInitialProps’
中
添加data.key = data.id,这总是一个不同的数字来强制进行状态更新,但它不起作用。
浏览 2
提问于2020-04-22
得票数 10
回答已采纳
1
回答
如何
监听
nextjs
中
的页面
更改
javascript
、
reactjs
、
react-hooks
、
next.js
、
next-router
我想用react-router-dom重用我
在
react
中
创建的菜单,但这次是
在
nextjs
中
。其目的是当我点击菜单内的链接时,将菜单的状态
更改
为'false‘,并将menuName
更改
为' menu’。我使用
useEffect
函数来
监听
历史记录: //use effect for page changes /
浏览 41
提问于2021-01-25
得票数 4
2
回答
使用
useEffect
路由器
时的
NextJS
依赖关系
reactjs
、
next.js
、
use-effect
我有一个
NextJS
项目,使用
NextJS
路由器
根据某个状态变量将用户路由到页面。function Page() { const router = useRouter() }React Hook
useEffect
has a mi
浏览 7
提问于2021-09-16
得票数 7
回答已采纳
1
回答
Nextjs
路由器
:将散列路由重定向到非哈希路由
reactjs
、
redirect
、
next.js
、
router
最近,我将React应用程序迁移到
nextjs
。当有人深入链接到我们的页面时,我希望Urls被转发到没有#的路由。示例:将/#/contact转发给/contact首先,我
在
next.config.js
中
尝试了以下内容 async
在
_app.tsx
中
重定向 然后我编写了一个自定义
浏览 6
提问于2022-05-19
得票数 0
回答已采纳
1
回答
无法将事件侦听器附加到
nextjs
中
的窗口对象
javascript
、
reactjs
、
next.js
谁能告诉我为什么我不能在
nextjs
中
给窗口对象附加一个事件
监听
器?当我尝试'resize‘事件时,一切正常,但是'load’事件似乎无法识别'load‘事件。import {
useEffect
} from "react";
useEffect
(() => { window.addEventListener
浏览 16
提问于2021-11-09
得票数 0
4
回答
Next.js
路由器
是否
在
第一次呈现时返回未定义的查询参数?
reactjs
、
next.js
、
query-string
我
在
我的Next.js应用程序上有一个页面,它做了以下工作: console.log(`queryString: ${queryString}`); return () => { dispatch(ACTION.RESET_STATE
浏览 4
提问于2021-04-30
得票数 11
回答已采纳
2
回答
如何使用
NextJS
重新加载带有新查询参数的URL?
reactjs
、
next.js
keyword=sad 当我单击该链接时,URL确实会更新,但我有:
useEffect
(() => {}, [router]); 它只显示{
浏览 35
提问于2020-09-07
得票数 1
回答已采纳
1
回答
回忆这种
useEffect
依赖的正确方法是什么?
javascript
、
reactjs
、
react-hooks
、
scroll
、
react-usememo
我使用
useEffect
监听
location.pathname
中
的
更改
,以便在路由
更改
时自动回滚到页面(
路由器
)的顶部。但是,
在
路由器
的第一次加载/挂载(
在
加载页之后),我不希望等待动画,因为没有页面动画。我
在
终端机上发现了这个错误: React Hook
useEffect
has a missing dependency: 'firstVisit.app'.
浏览 6
提问于2022-10-16
得票数 1
1
回答
如何在Next JS
中
创建进度条?
reactjs
、
next.js
、
loading
我想在Next JS
中
实现相同的功能,但我正在努力做到这一点。有很多用于加载条的库,但它们都要求提供一个value属性,它基本上指示条被填满了多少,但是我找不到一种方法来动态地获取这个value属性。
浏览 84
提问于2021-06-27
得票数 0
回答已采纳
1
回答
Nextjs
动态路由排除
reactjs
、
next.js
有没有办法
在
next中排除一些动态路由。
浏览 1
提问于2020-05-22
得票数 1
2
回答
访问
nextjs
中
的动态查询参数
javascript
、
reactjs
、
typescript
、
next.js
、
query-string
我有一个带有
nextjs
的项目,我有一个类似于=> /
useEffect
/224?
useEffect
=6的路径。 console.log('hey there'); 我不希望我的
useEffect
在
整个router.query
更改
时运行,我只是希望它在router.query.brand
更改<
浏览 9
提问于2022-03-01
得票数 0
1
回答
您可以
在
Nextjs
中使用单页应用程序吗?
reactjs
、
next.js
、
react-router-dom
我正在查看
Nextjs
,但是有一个关于
在
Nextjs
中
运行SPA的问题。我的申请需要两个独立的方面。一个是SSR,另一个是CSR,当用户登录到和浏览私有路由时。我想对CSR部分使用React
路由器
,但我不确定这如何干扰
Nextjs
内置的
路由器
。 我对
nextjs
完全不熟悉,所以在这一点上所有的信息都是非常有用的。谢谢。
浏览 2
提问于2022-04-16
得票数 2
3
回答
如何查看querystring
在
React v6
中
是否发生了变化?
javascript
、
reactjs
、
react-router
、
react-router-dom
我的问题是触发表单,以便在相同页面上看到对查询字符串的
更改
。我尝试将以下内容添加到页面
中
,但当我
更改
url的q
浏览 4
提问于2021-01-10
得票数 9
回答已采纳
3
回答
“无法读取未定义的属性位置”与React
路由器
的错误
reactjs
、
switch-statement
、
navbar
、
router
、
react-router-dom
我正在工作一个简单的反应店面和有一个错误与我的
路由器
设置。我提供了相关文件的截图和错误信息。
路由器
的文件流是Navbar.js -> App.js -> Index.js。
浏览 1
提问于2020-08-22
得票数 1
回答已采纳
1
回答
useEffect
(.,[json.attr])
中
的react钩子/详尽-dep问题
reactjs
、
next.js
如果我的用户的身份验证状态
更改
为true,我想使用react函数
useEffect
来做一些事情。现在,我
在
另一个
NextJS
代码的
NextJS
文件
中
:const userState = useContext(AuthContext); if(userState.isAuthenticated其思想是,每当用户状态
更改
为true时,将执行此代码。还有许多其他情况,其中userState
更
浏览 11
提问于2022-08-11
得票数 0
3
回答
如何在没有react
路由器
的情况下创建新页面
reactjs
、
react-router
、
material-ui
因为它是一个表单,只有
在
点击主页上的按钮后才会出现,所以我不想使用react
路由器
,因为我不想让用户只输入'mywebsite.com/ form‘。例如,如果表单有文本字段、列表、日期选择器等,我希望在用户提交表单后
在
主页
中
显示所有这些数据。附注:我
在
我的整个应用程序中使用material-ui组件,因此文本字段、日期选择器等都是mui组件,因此从这些组件中提取的数据必须符合这些组件。
浏览 24
提问于2020-10-01
得票数 0
1
回答
修正:
NextJS
不允许插件设置
更改
HTML (防止重新呈现?)
javascript
、
reactjs
、
next.js
、
embed
、
render
以下是我的情况:问题是:import React, {
useEffect
} from "react"; const [clientSide, setClientSide] = React.useState(false);
useEffect
(()
浏览 3
提问于2021-05-28
得票数 0
1
回答
更改
页面时的
NextJS
和Redux清除存储
reactjs
、
redux
、
react-redux
、
local-storage
、
next.js
我一直在做一个使用
NextJS
和Redux的项目。我可以使用一些
通过
thunk来设置redux,但我遇到了跨页面持续存在redux状态的问题。所以我知道你可以
在
Redux上使用
NextJS
,但是每当我使用href的时候,它就会清除我的redux存储。 如何让Redux
在
不同的页面上持久化?
浏览 15
提问于2021-02-14
得票数 2
2
回答
太多的重新渲染。React限制呈现的数量,以防止无限循环。下一个js错误
javascript
、
reactjs
、
next.js
有人能解决这个问题吗?如果删除about和id之前的"/“,它不会抛出任何错误smh。import Footer from "../components/Footer"; const [navbar, Setnavbar] = useState(0); if (process.browser
浏览 7
提问于2022-02-19
得票数 3
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React使用钩子增强组件
【一文看懂】React中usestate与useRef的区别与联系
编写React组件时常见的5个错误
React组件开发中常见的陷阱
Smart代理-路由器上可以设置IP代理服务吗?如何操作?
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券