单击查看错误消息这是我的 components\PromptCard.jsx 代码 :-"use client";import { useState } from "react";import Image from "next/image";import { useSession } from "next-auth/react";import { usePathname, useRouter }
2024-03-14
我是 React 和 NextJS 的新手，我有一个小项目，使用 Hotel Datepicker Master 和 Fecha 日期格式和解析，它已安装在我的项目中。我正在尝试将我的项目转换为 React/NextJS，但问题是我不知道如何将我的 Vanilla JS 代码转换为 NextJS。这是我的 Vanilla JS 代码：(function() {let today = new Dat
2022-09-04
每当我尝试在以下函数中将type属性添加到 NextJS 中的<input>标签时，都会出现以下错误。const InputComponent = ({value, prefix, id, placeholder, autoCompleteLabel}: InputComponentProps) => {const [focused, setFocused] = useState(false);l
2021-11-14
我们的应用程序建立在 Next 之上，我们目前正在将音频录制引擎从脚本处理器迁移到 Audio Worklet API。（当然具有向后兼容性）过渡的一部分也是升级到 Webpack 5。我们同时使用 Web Workers 和 Audio Worklets。在切换到 Webpack 5（它带有对 Workers 的原生支持）之前（或看起来如此），我们使用了worker-plugin。它对两者都非常
2021-05-08
我无法使用 drei 材料和其他东西，例如 MeshWobbleMaterial 或 MeshDistortMaterial 甚至 ContactShadows，我总是收到错误，例如：react-three-fiber.esm.js:1383 Uncaught TypeError：无法读取 null 的属性“getState”at useFrame (react-three-fiber.esm.j
2021-04-16
我正在尝试创建一个天气应用程序https://havadurumu-7pqg.vercel.app/，并弄清楚如何使用 onSubmit 或 onClick 创建搜索表单的输入值的动态路由。│ pages│ ├── _app.js│ ├── _document.js│ ├── hava│ │ └── [city].jsx│ └── index.js│index.js文件（
2023-11-05
我正在使用 Jest 和测试库在我的 NextJS 应用上运行单元测试，但很难弄清楚如何在动态路径上呈现页面。对于我的页面/组件：export default async function MyPage({ params }: { params: { id: string }}) {return (<p>{params.id}</p>)}尝试运行测试时：import { render, scree
2023-08-30
在 hello.js 中import connectMongo from '../../../util/connectDB';import UserModel from '../../../models/UserModel';import { NextResponse } from 'next/server'export async function GET(request) {return Ne
我在我的项目中使用 Next.js 和 Next-auth。我正在构建一个侧边栏组件，我想在其中显示来自用户的项目列表。因此，我使用 useSession 获取会话。当我像这样记录会话时...export default function Sidebar() {const { data: session, status } = useSession();console.log(session);r
2023-02-16
我正在使用 nextjs 作为框架，尝试使用 slug 显示标题我在 [slug].js 文件中的代码是：import React, { useState } from 'react'import { useRouter } from 'next/router'const slug = ({proDetail}) => {const router = useRouter();const { slu
2023-02-03
将Next-jsReact复选框列表代码段提取到沙箱后，我遇到了问题。每当我单击复选框时，我都会收到错误：TypeError：无法读取未定义的属性（读取“id”）源自行264：setCheckedThread(prev => new Set(prev.add(pageData.currentThreads[index].id)));但在index.js的顶部，我已定义静态JSON并且在useEff
2022-09-22
const HomeScreen = ({ navigation }) => {const [reviews, setReviews] = useState([{ title: 'Zelda, Breath of Fresh Air', rating: 5, body: 'lorem ipsum', key: '1' },{ title: 'Gotta Catch Them All (again)
2022-08-12
我一直在尝试在 React 中创建一个利用 Swiper.js 自动播放功能来停止和播放的 Swiper。我尽可能地遵循他们的指示，并进行了大量研究以寻找答案。我甚至能够通过执行相同操作的jQuery 示例（某种程度上）确认我的设置，但即使是该参考在 React 中也无济于事。这是我目前得到的结果：// Note: I am using Next.js,// so there are some m
2022-07-25
我有以下代码，我正在尝试显示对象对象的数据。我收到的错误是 TypeError：无法读取未定义的属性。我知道数据不是“对象数组”的格式，但我仍然不知道如何正确映射它。我希望得到一些帮助......import Layout, { siteTitle } from '../components/layout';import { useState, useEffect } from 'react'ex
2022-07-06
我正在尝试使用 Nextauth 登录。这是我的代码：import { getProviders, signIn as SignIntoProvider} from "next-auth/react";function signIn({ providers }) {return (<>{Object.values(providers).map((provider) => (<div key={pr
2022-03-24