问题标签 [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.
reactjs - 如何在更改 url 时为响应中的项目设置动画?
我的应用程序左侧有一个面板。
在右侧,管理员可以选择“用户名”。选择用户名后,我需要获取所选用户的类别。从显示的类别中,我可以选择一个显示所有项目的类别。
我也希望我的网址相应地改变,比如localhost/users/categories/items
在这个过程中左侧根本不会改变,因此我不想重新渲染它。目前我有三个页面,配置了导航。
实际上,我想在单击选项时在右侧放置一些动画。我发现的替代方法是定义 onClick 并使用一些动画更改组件 - 但这种不允许我更改 url。
处理这个问题的最佳方法是什么?
我在我的反应应用程序中使用 next-js。
hapijs - 如何将 hapijs 处理程序的值传递到 nextjs 页面
一周前我已经为我的管理面板启动了 nextjs。我想将 nextjs 与 hapijs 集成。
我按照 url https://github.com/zeit/next.js/tree/canary/examples/custom-server-hapi中的自定义服务器路由示例
但我不知道如何将值从 hapi 处理程序传递到 nextjs 页面。
如果有人知道,请帮助我
javascript - 在 NextJs 的 getInitialProps() 中设置缓存控制标头
我需要Cache-Control
在方法中设置带有动态值的标题getInitialProps
。我尝试了以下。
但看起来 NextJs 在发送响应之前覆盖了标头值。以下是cache-control
浏览器响应标头中的标头值。
让我知道是否缺少任何东西。
reactjs - 在 Relay 现代 fragmentContainer 中注入变量
我正在尝试将postId变量注入到 fragmentContainer 中。
我已经用with-relay-modern示例开始了这个项目。
变量 $postId 没有正确注入,所以我defaultValue: "UG9zdDoy"
同时使用了,但目标是从 props 中获取 postId 的值。
页面 - singlePost.js
组件 - postDetail.js
知道如何实现这一目标吗?删除 **defaultValue: "UG9zdDoy" ** 并重新编译会出现以下错误:
RelayCompilerScope:未找到所需参数的值$postId: String!
reactjs - Jest/React/Apollo“无法读取未定义的属性‘数据’
我正在努力解决测试问题。我已经构建了一个 react/next/apollo 应用程序,并且我试图编写我认为是基本测试的东西,但我无法让它工作。我收到以下错误:
经过半天的谷歌搜索,这里似乎有两个可能的问题。
1) apollo 使用的 'withData' HOC 导致浅渲染器失败。
2)我错过了某种嘲笑(我不完全理解)
烦人的是我不关心数据。我要做的就是检查页面是否加载了正确的组件。
这是我正在测试的页面:
这是我的测试脚本:
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"
. 我无法弄清楚问题是什么。有什么建议么?
这是页面组件:
redux - 是否建议以编程方式重新加载页面以清除 redux 状态?
我在使用 redux 时遇到了一些问题。事实上,我正在使用 Next.js,当我在页面之间导航时,我需要在每次 url 更改时清除 redux 状态。我做了很多事情来强制清除 redux 但不幸的是我不知道为什么,也许是一些异步问题,每次 url 更改并且 redux 状态仍然存在于某些组件中时,我的应用程序都会变得疯狂。
但是,当我以编程方式重新加载页面时location.reload
,一切都很完美,但我想知道它是否不影响性能?
你怎么看 ?我应该继续这样做吗?
node.js - 如何在 nextjs 自定义服务器中删除 x-powered-by 标头
我正在使用 Next 创建一个 Web 应用程序,我想x-powered-by
从响应标头中删除,我尝试创建自定义服务器并使用 expressjs .disable('x-powered-by')
,但它没有用。
这是我所做的:
reactjs - 当我使用 nextjs 使用 React 构建服务器呈现的 JS Web 应用程序时,如何保持 redux 状态?
当我刷新页面时,我的 redux 状态得到初始状态,如何解决这个问题?