React Router v6.4+ 数据 API：重试加载程序而不显示错误
使用react-router 6.21.1和新的数据api，我的路由设置如下： 常量路由 = [ { 元素: , 错误元素：， 孩子们...
如何解决 nextjs 中 telegram bot api 的问题
我的 nextjs 应用程序有问题：问题在于一个函数，其目的是通过 bot api url 将信息发送到电报，在本地，它可以完美运行，无需任何 ty...
我正在开发一个 NextJS 14 项目，并努力实现新的服务器操作功能，该功能在一段时间前引入了我的 NextJS 作为常规 API 调用的替代方案。这是一个精简版...
如何在 AWS Lambda 和 API Gateway 上运行 Vercel AI SDK
我正在尝试通过 Cloudfront、Lambda 和 API Gateway 在 AWS 上托管我的 NextJS Vercel AI SDK 应用程序。 我想修改 useChat() 函数以包含我的 Lambda 函数的 API，该函数可以连接...
我正在尝试使用 map() 方法迭代从 API 获得的响应，但我不断收到错误“drinks.map 不是函数”。下面是我的代码 /饮料 从“@/
当我启动 NextJS 应用程序时如何运行我的 python 脚本
我正在研究流行的PDF聊天项目。我的设置方式是将所有 LLM 代码放在 Python 脚本中，并使用 Flask 将其设置为我可以从前端调用的 API。对...
Vercel 是否会忽略预览域上的 next.config.js 文件？
我正在尝试在 Vercel 上为我的 NextJS 应用程序设置一个开发域。 在我的 next.config.js 中，我允许从任何来源访问我的 API 路由。这在我的生产环境中工作得非常好......
在使用 next auth 进行 Oauth 时，getServerSession 在 nextjs 13.5.2 api 路由处理程序中始终返回 null
`我目前正在开发一个 To-Do 应用程序来练习 Next.js 和 Next-Auth。我正在使用 Next-Auth 作为 OAuth 提供程序，并且我想为每个待办事项添加一个“createdBy”属性以及相应的...
Quasar Vue Router 解析名为route的href
我正在尝试使用 vue router 构建 href 链接 我在routes.js中有以下内容 常量路由 = [ { 小路： ”/”， 组件：() => import("layouts/MainLayout.vue")...
我有一个使用 nextjs-auth0 包的 nextjs 应用程序。当我尝试使用此导入测试文件时： 从 '@auth0/nextjs-auth0' 导入 { getSession }； 我收到以下错误： 开玩笑没能...
使用react-router-v6和zustand进行身份验证
应用程序路线： 函数 AppRoutes(): JSX.Element { 返回 （ } /> }> ...
我遇到了 React Router 的问题，使用动态参数导航到特定 URL 会渲染错误的组件。具体来说，当导航到 http://localhost:3001/Create/4 时，...
反应问题，当我将标头组件添加到我的主页组件时，没有任何内容加载
从“react”导入React； 从 '@chakra-ui/react' 导入 { ChakraProvider, CSSReset }; 从 'react-router-dom' 导入 { BrowserRouter as Router, Route, Routes }; 从 './nav' 导入导航； 导入首页
React Router：第一次访问 ParentNotificationsPage 组件时不显示数据，仅在返回后才显示
我在 React 应用程序中遇到了 React Router 的问题，其中 ParentNotificationsPage 组件在第一次访问时不显示数据。仅当我导航回
vue-router useRouter 在构建库组件时不起作用
我正在构建一个 Vue3 npm 组件库，希望我可以使用 vue-router 的 useRouter 访问当前路由器，并且它将由导入我的任何 vue 应用程序自动提供
为什么Nextjs 14显示按钮与next/font和tailwind不同？
我正在尝试升级到nextjs 14，但坚持如何使用next/font。我有两个具有完全顺风类的按钮，只是最后一个的 nextjs 字体类名不同 这是我的代码 我...
我在路由中创建了一个名为 jsconfig.json 的文件： { “编译器选项”：{ “baseUrl”：“。” } } 我有最新的 nextjs "next": "latest" 当前...
this.props.history.push() 似乎不再在 React Router v4 中工作，有什么替代方案吗？
我是 React 新手，我看到的大多数有关使用 React Router 进行重定向的教程似乎都在使用上述代码片段。我想要实现的是将用户重定向到主页...
react-hook-form useForm 每次在 Nextjs 页面路由上执行
嗨，我是 Nextjs(v14) 的新手。我想使用react-hook-form 实现多页面表单。 然而，似乎每次都会执行useForm，并且defaultValues是在页面路由中设置的（点击 嗨，我是 Nextjs(v14) 的新手。我想使用react-hook-form 实现多页面表单。 不过，好像每次都会执行useForm，并且在页面路由时设置defaultValues（点击<Link to=XX>）。 如何跨多个页面保存表单数据？ 请帮助我。 这是我的代码。 _app.tsx return ( <div> <FormProvider> <Component {...pageProps} /> </FormProvider> </div> ); FormProvider.tsx export const FormProvider = ({ children, }: { children: React.ReactNode; }) => { const defaultValues: MyForm = { name: '', description: '' }; const form = useForm({ defaultValues, resolver: zodResolver(MyFormSchema), }); const onSubmit = () => console.log("something to do"); return ( <Form {...form}> <form onSubmit={form.handleSubmit(onSubmit)}>{children}</form> </Form> ); }; 您正在寻找的是跨多个页面维护的某种全局状态。对于这个例子，我将使用 React 的上下文 API，如果这不适合您的用例，您可以找到一些其他状态管理库。 首先，您需要创建一个全局上下文，并在表单提供程序中包含一个全局状态 // FormProvider.tsx import { createContext, useContext, useState } from 'react'; const FormContext = createContext(); // Exported to be used in other components export const useFormContext = () => useContext(FormContext); export const FormProvider = ({ children }) => { const [formData, setFormData] = useState({}); return ( <FormContext.Provider value={{ formData, setFormData }}> {children} </FormContext.Provider> ); }; 现在您需要用 FormProvider 包装您的应用程序 // You are already doing this part //_app.tsx return ( <div> <FormProvider> <Component {...pageProps} /> </FormProvider> </div> ) 现在你可以像这样使用它了。请记住，您将更新表单的全局状态，该状态将在您的所有页面上发生变化。 // In your form component import { useForm } from 'react-hook-form'; import { useFormContext } from '../path/to/formContext'; const MyFormComponent = () => { const { formData, setFormData } = useFormContext(); const { register, handleSubmit } = useForm({ defaultValues: formData, resolver: zodResolver(MyFormSchema), }); const onSubmit = (data) => { setFormData(data); // Handle form submission }; return ( <form onSubmit={handleSubmit(onSubmit)}> {/* Form fields */} </form> ); }; 您可以从其他页面访问数据的示例 // In another page or component import { useFormContext } from '../path/to/formContext'; const AnotherPage = () => { const { formData } = useFormContext(); // Use formData as needed };
当React Router中的路由命中时，如何有条件地渲染两个组件或更改两个出口？
我有一个 React 应用程序，我在其中使用 React Router。在我的布局组件中，我有这样的结构： 从“反应”导入反应； 从 './components/Header/Header' 导入标头； 导入 Foo...
这是我的代码： 商店.js 从 'redux' 导入 {createStore, applyMiddleware, compose}； 从“不可变”导入{fromJS}； 从“react-router-redux”导入{routerMiddleware}； 导入createSagaMidd...
我想在 NextJs 中执行 npm run build 时禁用某些文件夹的 eslint 我不想这样配置： 模块. 导出 = { eslint: { dirs: ['pages', 'utils'], // 仅在 ... 上运行 ESLint
我在 cloudflare 页面上托管 NextJS 站点，但我无法读取环境变量。 在本地，我在 .env.local 中使用： NEXT_PUBLIC_API_URL=https://localhost:5001/ 并在代码中读取它： 常量
尝试将我的 nextjs 项目从 babel 迁移到 swc，它会抛出错误“当前未启用对实验性语法‘jsx’的支持”
我正在尝试将我的 NextJS 项目（NextJS 版本 13）从 babel 迁移到 swc。这是我的 bablerc 文件。我不断收到错误“当前未启用对实验性语法‘jsx’的支持...
useForm 和react-hook-form 在我与NextJs 一起使用时出现问题
我正在 NextJs 中编码，我需要使用“useForm”，但它不断给出错误......“无法解析“react-hook-form”。”请帮忙。 从“反应”导入反应； 导入{使用...
我在使用 Docker 和 NextJS 设置热重载时遇到了麻烦，基本上当我尝试更改和保存文件时，它不会重新加载服务器。 以下是 docker-compose.yml： 版本：'3'
Angular16 中的 Router parseUrl() 与 navigate()
我正在使用 authGuard 进行身份验证。我想知道这两个之间的区别 // 重定向到登录页面 return router.navigate(['/login']); return router.parseUrl('/login'); 在...
Typescript、React、强类型 useHistory
我将 useHistory (react-router-dom) 变量作为参数发送到employee.service，其中我使用带有状态和路径名的“history.push”方法。不幸的是我不能...
我正在尝试验证 Nextjs 中的 JWT 令牌，但收到如下错误 类型错误：“instanceof”的右侧不是对象 下面是我正在使用的代码 使用效果（（）=> { ...
使用 NextJs 将 www 永久重定向到非 www 站点
我用Nextjs建立了一个网站（使用版本12.1.4）。出于 SEO 目的，我想将网站的 www 版本永久重定向到非 www 版本。通常这很容易完成...
ExpressJS 应用程序在 IIS 上运行良好，但是当我尝试安装 NextJS 时遇到此错误 我遵循了本文中的指南，但似乎我遗漏了一些东西。 项目设置 我...
在我当前的项目中，我使用的是supabase 和nextjs。发生了一些奇怪的事情，在将一行插入表中后，我想获取该行的 id，但它不起作用，我不知道为什么。
我在我的网站上使用 React Router，遇到了以下问题。我的主要应用程序组件定义如下： 导入'./App.css' 从 './Navbar' 导入 { Navbar } 进口 { 出口 } f...
Symfony/VueJS 组件 // 导入 从“../hooks/getUser”导入 getUser； 从 'vue-router' 导入 { useRoute } // 增值服务 常量路由 = useRoute() 常量 { 用户 } = getUser(1) const 路线我...
使用useSearchParams()在nextjs中获取动态数据
有人曾经在 nextjs 中从页面路由器迁移到应用程序路由器吗？ 我在页面路由器上遇到动态数据迁移问题，它使用 useRouter().query 检索页面上的动态数据，其中...
开发工具错误 我目前正在尝试在我的 nuxt 3 项目中实现 PWA 功能，但我不断遇到这个问题：[Vue Router warn]: No match found for location with path "/icon_512x512...
“使用客户端”； 从“react”导入 React, { useEffect, useState }; 从“framer-motion”导入{ AnimatePresence，运动}； 从“...
我有以下场景： 用户打开激活链接；用户完成激活过程后，系统会将其移动到另一个页面。 我不想保留激活状态...
使用react-modal，我需要通过锚标记或react-router-dom链接单击超链接时显示模式。 示例：单击注册超链接，注册表模式应打开。
尝试导入错误：“swr”不包含默认导出（导入为“useSWR”）。 - nextjs 13
我使用nextjs 13.4.7制作项目并已经在3台PC中安装了swr，但我得到了同样的错误： 尝试导入错误：“swr”不包含默认导出（导入为“useSWR”）。 错误类型错误：...
我在我的 React 项目中使用 React-Router。我有一个如下所示的移动页面： 从“反应”导入反应； 从 'axios' 导入 axios 导出异步函数加载器({ params }) { ...
我正在使用 NextJS 14，我有以下内容： 全局.css： @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@100;200;300;400;500;600;700;800&display=swap'); @层r...
什么在 Next.js next/navigation 中的react-router-dom 中替换 useLocation() ？
最近，我从 React 迁移到 Next.js [email protected]。在我的网站中，我在使用 useNavigate() 推送时使用了状态，并使用 useLocation() 从另一个页面获取值。我怎样才能做同样的事...
当页面的某个部分触发请求时，如何避免 Nextjs 显示整个页面的加载状态？
我有一个使用loading.tsx方法的nextjs页面，所以当这个页面加载时，我的加载微调器会出现，直到整个页面加载完毕，这很酷。但是，在此页面中我有一张弹出卡
错误：链接需要在项目的 Expo 配置（app.config.js 或 app.json）中进行构建时设置 `scheme`
我使用react-native expo bare-workflow创建了该项目 npx create-expo-app --template bare-minimum 创建项目后，我尝试将expo-router安装到项目中，一切都完成了
我正在构建一个科学博客，其中帖子的 URL 存储在静态 JSON 文件中。 ScienteTopics.json- [ { “科目”：“数学”， “章节”：&...
我有这些场景 设置页面 -> 结果页面 -> 详细信息页面 用户选择设置，单击下一步，获取结果，然后单击查看更多详细信息。 详情页 -> 结果页 用户去...
我有一个针对移动用户的 Web 应用程序，但由于我们的客户不需要移动应用程序，因此它是使用 React 开发的。我已经使用 React Router 实现了应用内路由。我用
如果我在某条路线中导航，我想做一个三叶草，然后如果我在我想要的路线中，则有条件地执行一个函数，但我找不到一种方法来做到这一点。我想使用 React router dom 但如果...
Expo 路由器问题：React Native 中基于文件的路由出现不匹配的路由错误
我在 React Native 中遇到了 Expo Router 的令人沮丧的问题。尽管设置了基于文件的路由，但我仍然收到“不匹配的路由”错误。我的目标是引导用户