腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
4
回答
使用
DynamicRoutes
、
nextJS
和
useEffect
在
React
中
获取
数据
reactjs
、
axios
、
next.js
它是Next
中
的链接包装器。Link href="[blog]" as={props.item.postingId}>{props.item.title}</Link>
useEffect
(() => { console.log('
useEffect
consolelog'
浏览 103
提问于2020-11-15
得票数 2
回答已采纳
3
回答
NextJS
祖斯坦持久化状态
reactjs
、
next.js
、
zustand
我有这样的github回购:我无法坚持一些状态,如主题,用户等
在
祖斯坦。我确实尝试过zustand提供的持久化中间件,即使这样做有效,它也会导致服务器
和
客户端的内容不匹配错误。如何在不
使用
其他库(如下一个主题)的情况下,继续
在
状态中保持主题模式?
浏览 27
提问于2022-06-16
得票数 1
2
回答
无法
在
我自己的钩子
中
访问localStorage
reactjs
、
typescript
、
next.js
我正在
使用
下一个框架,所以我猜这是因为节点没有window对象。我如何使它编译?我只想在客户端
使用
钩子,所以窗口对象应该总是可用的.
浏览 5
提问于2022-02-20
得票数 1
回答已采纳
2
回答
redux不是用
React
18重新呈现的组件。
javascript
、
reactjs
、
redux
、
next.js
、
use-effect
我有一个自定义钩子,它处理基于用户身份验证的全局
数据
获取
。钩子是这样的: if(userStateunauthenticated") doSomething()}, [userState]) 但是,由于我
使用
的是
React<
浏览 7
提问于2022-04-09
得票数 1
回答已采纳
2
回答
NextJS
-如何在
useEffect
中
在
React
.StrictMode子级
中
只执行一次代码?
javascript
、
reactjs
、
react-hooks
、
next.js
我正在开发一个
nextJS
应用程序。反应呈现我的组件两次。我知道这是因为StrictMode。但在
React
和
nextJS
文档
中
,我发现它们强烈建议我们
使用
StrictMode。但是
在
我正在开发的应用程序
中
,我
使用
了
useEffect
,我希望
useEffect
中
的一些代码只运行一次,而不是两次!因为在那里运行两次代码,就会成为一个很坏的错误。那我该怎么做呢?我怎样才能让
re
浏览 15
提问于2022-04-26
得票数 1
回答已采纳
1
回答
斯威珀
在
useEffect
中
找不到
NextJS
的反应
reactjs
、
next.js
、
swiper.js
我
在
将Swiper集成到我的
NextJS
项目时遇到了问题。我已经创建了一个具有基本Swiper配置(文档
中
的配置)的组件,但是当它包含在已经工作的页面
中
时,它无法从
useEffect
中找到
React
。</Swiper>};import {
useEffect
, useLayoutEffect } from '
react
浏览 10
提问于2022-07-10
得票数 0
2
回答
getServerSideProps与直接
获取
的反应
reactjs
、
next.js
我有点困惑于getServerSideProps of
NextJS
。例如,假设您的页面需要预呈现频繁更新的
数据
(从外部API
获取
)。您可以编写getServerSideProps,它
获取
这些
数据
并将其传递给Page 我感到困惑的是,如果您只需
在
您的
React
组件本身(
在
通过getServerSideProps
获取
首字母
数据
之后)每隔x秒钟就可以<
浏览 3
提问于2021-01-29
得票数 4
回答已采纳
1
回答
如何在reactjs中
使用
带有钩子的功能组件
获取
数据
javascript
、
reactjs
、
next.js
我正在
使用
nextjs
,并且我试图
使用
带有“钩子”的"functional“来
使用
"axios”来
获取
数据
,但是我得到了以下错误:"AxiosError: Request failed with statusimport { useState,
useEffect
} from "
react
"; import { useParams } from "
react
-router-
浏览 1
提问于2022-07-04
得票数 0
1
回答
CSR
和
SSR与next
javascript
、
reactjs
、
next.js
、
server-side-rendering
我基本上有三个用户角色
在
我的应用程序,消费者,商人和行政。消费者访问的页面应该是SEO友好的,并将服务器呈现。此外,这三个角色将
使用
相同的可重用组件。而且,所有这些都必须是一个单一的存储库。 这可以通过next.js来实现吗?我应该如何管理这个项目?
浏览 9
提问于2022-06-24
得票数 1
4
回答
对"
React
.lazy“
使用
NProgress
javascript
、
reactjs
、
react-suspense
))} exact </Switch></BrowserRouter>例如,我如何添加NProgress来指示正在加载的页面的加载进度?也许新的
React
的并发模式可
浏览 2
提问于2019-06-18
得票数 12
2
回答
将页面重定向到url Next.JS
javascript
、
url
、
redirect
、
next.js
我有一个运行next.js的简单网页,该页面只返回"Hello World“元素,我希望它将我重定向到另一个URL (youtube)。我的简单页面: return <div>Hello World</div>我甚至尝试过js window.location函数,但都没有用。
浏览 6
提问于2021-01-29
得票数 0
4
回答
Next.js路由器是否
在
第一次呈现时返回未定义的查询参数?
reactjs
、
next.js
、
query-string
我
在
我的Next.js应用程序上有一个页面,它做了以下工作: const dispatch = useDispatch(); const query = router.queryqueryString = query.q; consol
浏览 4
提问于2021-04-30
得票数 11
回答已采纳
2
回答
NextJS
/ next-translate :
在
组件之外
获取
语言
reactjs
、
next.js
、
lang
对于我们的应用程序(
NextJS
11.0.0 + next-translate 1.0.7),我们有一个简短的问题。mylib.js): export const getDataExample = async (lang) => {};
react
(/components/myComponent.js)
中
的组件
使用
useEffect
调用此函数: import {
浏览 77
提问于2021-07-07
得票数 0
3
回答
如何用Next.js实现诸如Quill或Draft.js之类的富文本编辑器?
javascript
、
reactjs
、
next.js
、
quill
、
draftjs
出于搜索引擎优化
和
性能的目的,我有一个
使用
Next.js构建的大型应用程序,该应用程序有一个超级交互的部分,它需要一个文本编辑器(如Quill.js或Draft.js),其中的
数据
在
两个用户之间
使用
Socket.io
使用
Draft.js,它不会呈现任何内容,但也不会出现错误。
浏览 78
提问于2019-03-25
得票数 5
回答已采纳
5
回答
使用
“getStaticProps”运行"const getStaticProps“的正确方法是什么?
reactjs
、
next.js
const getStaticProps用于
获取
API,我想用以下方式运行: }) ReferenceError:
数据
未定义
浏览 4
提问于2022-07-12
得票数 -1
1
回答
错误: setAllcategories不是一个函数
javascript
、
reactjs
、
next.js
、
sanity
目前
使用
Nextjs
和
Sanity作为后端部分的无头CMS。如下面所示,我
在
components文件夹
中
创建了一个Categories.js文件,试图
获取
一些
数据
。我想从类别数组
中
取出所有的标题。
使用
.map,我应该能够循环遍历该对象数组,并提取出我认为的标题:)import
React
, {
useEffect
, useState} from '
r
浏览 7
提问于2022-09-03
得票数 1
1
回答
使用
useRef
在
Nextjs
13
中
发生错误
reactjs
、
typescript
、
next.js
我正在努力学习
nextjs
13
和
打字本。我导入了useRef钩子,它给了我一个错误。这是密码。import {
useEffect
, useRef } from "
react
" retu
浏览 15
提问于2022-11-19
得票数 0
1
回答
何时以及如何在
NextJS
过程
中
调用生命周期方法?
javascript
、
reactjs
、
next.js
、
server-side-rendering
这是一个简单的问题,几乎可以肯定地
在
NextJS
文档中找到了答案,但是
在
搜索(以及谷歌搜索有关它的一些文章)之后,我找不到它。此HTML是通过
在
服务器上的
React
生成的。 在此期间,
在
服务器上调用getInitialProps,并且(我假设)通过props将初始
数据
向下传递到SSR进程。然后调用
React
生命周期方法(componentDidMount /
useEffect
)。应用程序仍然可以通过props访问初始<e
浏览 4
提问于2020-01-30
得票数 10
2
回答
属性*
在
'ExoticComponent<any>‘类型
中
不存在。
reactjs
、
next.js
、
code-splitting
我尝试
在
React
/ Next.js项目中进行代码拆分,但是遇到了障碍。我正在遵循下面的方法:const { SHA512 } =
React
.lazy(() => import("crypto-js"));
useEffect
";> 25 | const { SHA512 } =
React
浏览 2
提问于2021-10-10
得票数 0
回答已采纳
1
回答
NextJS
生产服务器端呈现状态未更新
reactjs
、
next.js
所以
在
NextJS
产品
中
,我的
React
项目的服务器端渲染
和
重新验证设置为1s,不会随着页面的刷新而更新状态,所以基本上我
在
服务器端渲染一个页面,然后我还需要从
数据
库
获取
最新的值,这会导致我的站点首先显示一个旧值,然后闪烁到新值,相当烦人……有人知道如何在代码
中
修复这个问题吗?return { data: data, revalidate: 1
浏览 43
提问于2021-11-02
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
学会这个,前端也可以和PHP程序员一样了
React Hooks踩坑分享
编写React组件时常见的5个错误
React请求后端数据
使用React Hooks代替类的6大理由
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券