问题标签 [nextjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
74 浏览

reactjs - 如何在更改 url 时为响应中的项目设置动画?

我的应用程序左侧有一个面板。

在右侧,管理员可以选择“用户名”。选择用户名后,我需要获取所选用户的类别。从显示的类别中,我可以选择一个显示所有项目的类别。

我也希望我的网址相应地改变,比如localhost/users/categories/items

在这个过程中左侧根本不会改变,因此我不想重新渲染它。目前我有三个页面,配置了导航。

实际上,我想在单击选项时在右侧放置一些动画。我发现的替代方法是定义 onClick 并使用一些动画更改组件 - 但这种不允许我更改 url。

处理这个问题的最佳方法是什么?

我在我的反应应用程序中使用 next-js。

0 投票
0 回答
187 浏览

hapijs - 如何将 hapijs 处理程序的值传递到 nextjs 页面

一周前我已经为我的管理面板启动了 nextjs。我想将 nextjs 与 hapijs 集成。

我按照 url https://github.com/zeit/next.js/tree/canary/examples/custom-server-hapi中的自定义服务器路由示例

但我不知道如何将值从 hapi 处理程序传递到 nextjs 页面。

如果有人知道,请帮助我

0 投票
2 回答
5902 浏览

javascript - 在 NextJs 的 getInitialProps() 中设置缓存控制标头

我需要Cache-Control在方法中设置带有动态值的标题getInitialProps。我尝试了以下。

但看起来 NextJs 在发送响应之前覆盖了标头值。以下是cache-control浏览器响应标头中的标头值。

让我知道是否缺少任何东西。

0 投票
0 回答
660 浏览

reactjs - 在 Relay 现代 fragmentContainer 中注入变量

我正在尝试将postId变量注入到 fragmentContainer 中。

我已经用with-relay-modern示例开始了这个项目。

变量 $postId 没有正确注入,所以我defaultValue: "UG9zdDoy"同时使用了,但目标是从 props 中获取 postId 的值。

页面 - singlePost.js

组件 - postDetail.js

知道如何实现这一目标吗?删除 **defaultValue: "UG9zdDoy" ** 并重新编译会出现以下错误:

RelayCompilerScope:未找到所需参数的值$postId: String!

0 投票
2 回答
72 浏览

javascript - 带有非 JS REST API 的 Javascript 服务器渲染库

服务器渲染的框架/库(例如用于 React 的Nextjs、用于 Vue 的 Nuxt)和JS REST API 后端(即 Java、Django、Go 等)是否相互排斥,或者它们可以一起使用吗?

具体来说,我正在使用 Go 在后端构建一个 REST API,我想知道我是否必须放弃它来让页面服务器呈现。

0 投票
0 回答
882 浏览

reactjs - Jest/React/Apollo“无法读取未定义的属性‘数据’

我正在努力解决测试问题。我已经构建了一个 react/next/apollo 应用程序,并且我试图编写我认为是基本测试的东西,但我无法让它工作。我收到以下错误:

经过半天的谷歌搜索,这里似乎有两个可能的问题。

1) apollo 使用的 'withData' HOC 导致浅渲染器失败。
2)我错过了某种嘲笑(我不完全理解)

烦人的是我不关心数据。我要做的就是检查页面是否加载了正确的组件。

这是我正在测试的页面:

这是我的测试脚本:

0 投票
0 回答
1509 浏览

reactjs - 错误 - 客户端/服务器不匹配:React、Redux、NextJS、Typescript 和样式化组件

我一直在尝试使用 Next.js 处理 SSR、Typescript 和 Styled Components 的 Counter 示例。我在 Github 上有一个主要工作的例子:https ://github.com/dwaynelavon/nextscript-boilerplate

问题是我不断收到有关客户端/服务器不匹配的错误。Warning: Text content did not match. Server: "1" Client: "0". 我无法弄清楚问题是什么。有什么建议么?

这是页面组件:

0 投票
0 回答
36 浏览

redux - 是否建议以编程方式重新加载页面以清除 redux 状态?

我在使用 redux 时遇到了一些问题。事实上,我正在使用 Next.js,当我在页面之间导航时,我需要在每次 url 更改时清除 redux 状态。我做了很多事情来强制清除 redux 但不幸的是我不知道为什么,也许是一些异步问题,每次 url 更改并且 redux 状态仍然存在于某些组件中时,我的应用程序都会变得疯狂。

但是,当我以编程方式重新加载页面时location.reload,一切都很完美,但我想知道它是否不影响性能?

你怎么看 ?我应该继续这样做吗?

0 投票
4 回答
4256 浏览

node.js - 如何在 nextjs 自定义服务器中删除 x-powered-by 标头

我正在使用 Next 创建一个 Web 应用程序,我想x-powered-by从响应标头中删除,我尝试创建自定义服务器并使用 expressjs .disable('x-powered-by'),但它没有用。

这是我所做的:

0 投票
1 回答
304 浏览

reactjs - 当我使用 nextjs 使用 React 构建服务器呈现的 JS Web 应用程序时,如何保持 redux 状态?

当我刷新页面时,我的 redux 状态得到初始状态,如何解决这个问题?