reactjs - Παίρνω σφάλμα τύπου όταν χρησιμοποιώ forwardRef σε εφαρμογή NextJS + Typescript
Έχω μια φόρμα για την προσθήκη αντικειμένου στο καλάθι στην εφαρμογή μου NextJS + TS. Αυτή η φόρμα είναι ξεχωριστό συστατικό και χρησιμοποιώ forwardRef σε αυτό το συστατικό αλλά λαμβάνω αυτό το σφάλμα.
Σφάλμα forwardRef
Πώς μπορώ να διορθώσω αυτό το σφάλμα. Ευχαρισ
Διαβάστε περισσότερα →javascript - NextJS getStaticProps με Typescript
Ακολουθώ ένα μάθημα NextJS, ωστόσο θέλω να χρησιμοποιήσω Typescript - έχω διαβάσει ένα φόρουμ συζήτησης στο GitHub, αλλά δεν φαίνεται να καταλαβαίνω γιατί υπάρχει σφάλμα στην πρώτη συνάρτηση παρακάτω, αλλά όχι στη δεύτερη;
export async function getStaticProps(): GetStaticProps { return { props: { exa Διαβάστε περισσότερα →reactjs - Το NextJS getServerSession(authOptions) επιστρέφει null μετά τη δήλωση των NEXTAUTH_URL και NEXTAUTH_SECRET
Προσπαθώ να κάνω ένα OAuth με τον πάροχο Google να δουλέψει με την web εφαρμογή μου Next.js 13. Αυτή τη στιγμή έχω ένα σφάλμα όπου το getServerSession(authOptions) επιστρέφει null. Έχω κοιτάξει άλλες λύσεις (όπως η συμπερίληψη ενός NEXTAUTH_URL και NEXTAUTH
Διαβάστε περισσότερα →typescript - σφάλμα κατά τη δοκιμή δυναμικής διαδρομής στο nextjs χρησιμοποιώντας post man
Έχω γράψει μια διαδρομή API στο Next χρησιμοποιώντας το όνομα αρχείου route.ts και έγραψα 2 διαδρομές, μία για να λαμβάνω όλους τους χρήστες στη βάση δεδομένων και μία μόνο για να λαμβάνω έναν χρήστη περνώντας ένα user id ως query μέσω παραμέτρων. Η δομή των φακέλων μου και ο κώδικας των διαδρομώ
Διαβάστε περισσότερα →reactjs - Το Nextjs use client δεν μπορεί να αποκτήσει πρόσβαση στο <Component> πριν από την αρχικοποίηση
Έχω κάτι που θεωρώ ότι είναι μια αρκετά απλή χρήση στην Nextjs, δηλαδή ένα στοιχείο NavigationBar με μια είσοδο αναζήτησης.
<div className="w-full flex flex-row items-center py-5 justify-between"> <div className="w-40"> Διαβάστε περισσότερα →javascript - NextJS: προώθηση αιτήματος απευθείας προς το backend και απόκριση στον πελάτη στο /api
Η στοίβα του έργου μου αποτελείται από έναν διακομιστή Next.js για τη διαχείριση του front-end και έναν ξεχωριστό διακομιστή back-end για την αποθήκευση δεδομένων χρηστών κ.λπ.
Όταν ένας πελάτης θέλει να στείλει ένα αίτημα στο back end, στέλνει ένα α
Διαβάστε περισσότερα →typescript - Εργασία με πολλαπλά πλαίσια επιλογής στο Nextjs14, zod, shadcn/ui και react-hook-form
Φτιάχνω μια φόρμα για έναν πελάτη και μία από τις ερωτήσεις θέλει ο χρήστης να επιλέξει ένα κουτάκι ελέγχου (ή πολλαπλά κουτάκια ελέγχου). Δεν έχω κατανοήσει πλήρως το σχήμα του zod, οπότε είμαι λίγο μπλοκαρισμένος σχετικά με το πώς να το υλοποιήσω. Προσπάθ
Διαβάστε περισσότερα →typescript - Πώς μπορώ να κάνω τη δυναμική διαδρομή μου να λειτουργεί στο NextJs;
// /home/[storeId]/layout.tsx import prismadb from "@/lib/prismadb"; import { auth } from "@clerk/nextjs/server"; import { redirect } from "next/navigation"; export default async function DashboardLayout({ children, params, }: { children: React.ReactNode; params: { storeId: string }; }) { const { userId } = auth(); if (!userId) { redirect("/sign-in"); } const store = await prismadb.store.findFirst({ where: { id: params.storeId, userId
Διαβάστε περισσότερα →node.js - Δεν μπορώ να χρησιμοποιήσω κοινή μεταβλητή στο NextJS 15
Ελάχιστος Κώδικας
https://codesandbox.io/p/devbox/vqfy8t
Πρόβλημα
Προσπαθώ να δημιουργήσω ένα αντικείμενο της κλάσης (Vault)
Ήθελα μια μεταβλητή να μοιράζεται μεταξύ δύο διαδρομών στο nextJS
/send-email/ Διαβάστε περισσότερα →javascript - Τι ακριβώς ενεργοποιεί το component Link του NextJS και πώς να πιάσουμε αυτό το γεγονός
Ανάπτυξα μια απλή μπάρα πλοήγησης που έχει ένα JSON ως δεδομένα για να κατασκευάζει δυναμικά τους συνδέσμους της. Οπτικά, χρειάζομαι να διατηρείται η μπάρα πλοήγησης με τον τρέχοντα ενεργό σύνδεσμο/διαδρομή. Δοκίμασα δύο τρόπους:
Πρώτη υλοποίηση:
Στοιχείο μενού:
const ToggleMenuHandler = (e: React.MouseEvent<HTMLElement>) => { clearMenu(); activateItem(e.currentTarget); e.stopPropagation(); } const MenuItems = MenuContent.map(it Διαβάστε περισσότερα →