next.js 相关问题

Next.js是服务器呈现的React应用程序的简约框架。

如何在NextJS中读取FormData

我想阅读 fetch 的正文。这是我发送的内容: fetch('/api/foo', { 方法:'POST', 正文:新的 FormData(formRef.current), }); 现在我只需要解析正文。但我不知道怎么办。我...

回答 2 投票 0

打字机效果库导致 Next.js 中水合作用失败

我在 Next.js 中使用打字机效果库,但它导致了此错误: 错误:水合失败,因为初始 UI 与原来的 UI 不匹配 在服务器上渲染。 我跟着

回答 2 投票 0

部署网站上出现 NextJS 500 内部服务器错误。但在本地构建效果非常好

Build 在我的本地 PC 上使用 pm2 完美运行,没有任何错误。每个页面加载都很完美,获取文件时没有 404 或 500 错误。这很棒!这正是我想要的运行方式......

回答 2 投票 0

当我尝试将函数从页面发送到组件时,Next js 给我一个错误

我正在创建一个番茄应用程序并尝试将函数从page.tsx发送到timer.tsx,但我在调用时没有收到函数错误我尝试在网上寻找解决方案但无济于事......

回答 1 投票 0

nextjs 应用程序顶层的更改仅影响索引页面

我有一个使用 Bulma 的下一个应用程序和一个 ServiceProvider。我在应用程序的顶层导入 bulma 和该提供程序。这将在我的layout.js 文件中,但是那里的更改不会持续......

回答 1 投票 0

带箭头的分页不适用于 typecipt

我正在做一个有客户表的小项目 该表每页显示 10 个客户 桌子下面还有箭头引导用户去查看其余的客户...

回答 1 投票 0

Next.js 中的 Stripe Payment:Webhook 问题 - 401(未经授权)

我正在尝试将 Stripe(订阅)结帐集成到我的 Next.js 应用程序(14 w/应用程序路由器)中。 长话短说: 我认为这可能是 Next.js 的问题,因为当我对我的

回答 1 投票 0

使用Nextjs时如何检查用户是否转到有效路线

我有一个问题,过去两个小时我在网上寻找答案,但没有找到。 嗯,我将 Nextjs 与新的应用程序路由器一起使用。 当用户导航到某个未定义的路线时...

回答 1 投票 0

“response”主体“access_token”属性必须是非空字符串

我有 Next.js 应用程序,使用 GitHub 提供程序进行 next-auth。我在 GitHub OAuth 页面上创建了一个新应用程序并获取了客户端 ID 和客户端密钥。然后我按照 next-auth 文档中的确切步骤进行设置: ...

回答 1 投票 0

Next.js 项目中格式化程序出现 Eslint 错误

尝试在 Next.js 项目中运行 eslint 时出现错误 加载格式化程序时出现问题:/Users/naya/Desktop/work/ftl/ftl-web-fe/node_modules/eslint/lib/cli-engine/formatters/stylish

回答 1 投票 0

如何在nextjs中导入SVG

我正在将我的 React 网站迁移到 nextjs。我的根目录下有一个 asset 文件夹,其中包含大量 svgs,还有一个 Constants.js 文件,我将所有 SVG 作为 ReactComponent 导入其中。我...

回答 2 投票 0

React 组件数据在重新渲染时未按预期更新

我有一个组件,它接收一个 prop,它是我的 API 请求的数据: const 表 = ({apiData, ...props}) => { const [webtax, setWebtax] = 我有一个组件接收一个 prop,它是我的 API 请求的数据: <Table apidata={apiData} filters={filters}/> const Table = ({apiData, ...props}) => { const [webtax, setWebtax] = useState(false) const tableData = apiData.map(item=> { item.cost = webtax ? item.cost + 100 : item.cost //.... return item }) //..more code... return ( <> ....... </> ) } 在 Table 组件内部,当“webtax”属性更改状态时,我需要操作一些值。 由于某种原因,我无法弄清楚为什么“item.cost”在状态从 FALSE 切换到 TRUE 时就会增加。例如,更新 3 次 webtax 状态(来自复选框事件)“item.cost”值变为 +300。 我期望“item.cost”结果等于其值 + 100 或其原始值 (-100)。 我还尝试使用 useMemo() 或 useEffect() 并使用 webtax 作为外部组件的 prop,但没有任何改变。 apiData 在渲染之前加载一次表单 API,并且在新表单提交事件之前不会更新。 谢谢 嗯,你似乎没有在任何地方更新状态。它总是假的。

回答 1 投票 0

如何在重定向后重新渲染服务器组件

我有一个服务器组件,仅当用户获得授权时才获取数据并显示它: 函数 FirstServerComponent() { const isAuth = // 检查用户是否授权 返回 ( <...

回答 1 投票 0

Next.JS:客户端组件中的日期基于服务器的本地时间

上下文 当我在标有“使用客户端”的组件内声明 const now = new Date() 时,当客户端采用太平洋时间时,日期将记录为 UTC 日期。我正在外部声明变量...

回答 1 投票 0

Nextjs 14.如何在重定向后重新渲染服务器组件

所以基本上我有一些服务器组件来获取数据并显示它。但只有当用户授权时才会显示: 函数 FirstServerComponent() { const isAuth = // 检查用户是否经过身份验证...

回答 1 投票 0

MobX 或 SWR 突变中状态更新的部分组件渲染

问题:当更新 MobX 中的状态或调用 SWR 中的突变时,所有组件都将被重新渲染,尽管我只想更新一个元素。 示例代码: 在 React 沙箱中,渲染

回答 1 投票 0

Next.js 静态路径在本地工作但在 Azure 部署上返回 404

在 Azure 中使用免费托管计划。 我正在使用 getStaticPaths 和 getStaticProps 等 Next.js 功能通过预渲染页面来优化我的 Web 应用程序。该应用程序在本地完美运行,...

回答 1 投票 0

NextJS - 在使用 Mui 的生产构建页面中<Container>抛出错误 500

我在整个页面上都使用 MUI,但其中一个页面似乎无法正常工作。在开发模式(下一个开发)上,一切正常,生产构建(下一个构建 + 下一个启动)第一个请求 URL

回答 1 投票 0

为什么我在Prisma中传递body数据时请求body为空

我使用 Prisma 在数据库中存储数据,我使用 MySql。这个应用程序由 nextjs 和 typescript 创建。我创建了 api,它工作正常。但是当我想保存一些由api发送的数据时,请求...

回答 1 投票 0

JSX 错误:意外的令牌,预期为“,”

我在使用 NextJS 编写 JSX 功能组件时遇到了意外错误。一旦我在代码中插入不同的组件,它就会返回“意外的令牌”错误。 我试过了...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.