reactjs - Πώς μπορώ να σταματήσω την επανασχεδίαση του TanStack React Table μέχρι να ολοκληρωθεί η εισαγωγή στο πεδίο εισόδου;

Δημιουργώ έναν πίνακα στον οποίο μπορεί να εισαχθεί η τιμή μονάδας σε μια στήλη και μια άλλη στήλη υπολογίζει την συνολική τιμή βάσει της εισαγόμενης τιμής και της τιμής από μια άλλη στήλη «Ποσότητα» (συνολική τιμή=ποσότητα * τιμή μονάδας). Αυτό το υλοπ

Διαβάστε περισσότερα →

typescript - Υπό ποιες συνθήκες το AbortSignal στη συνάρτηση useQuery του TanStack είναι undefined;

Η τεκμηρίωση του TanStack React Query (https://tanstack.com/query/v4/docs/react/guides/query-cancellation) εξηγεί πώς η ιδιότητα queryFn μπορεί να λάβει ένα αντικείμενο με ιδιότητα signal, η οποία μπορεί να χρησιμοποιηθεί για ν

Διαβάστε περισσότερα →

typescript - Tanstack React Query useMutation πάντα Αληθές στο onSuccess

import { TNewServicesProps } from '@/_constants/types'; import api from '@/_libs/api'; import { useMutation, useQueryClient } from '@tanstack/react-query'; const useManageServices = ( method: 'create' | 'update' | 'delete', item_id?: number | string, values?: TNewServicesProps

Διαβάστε περισσότερα →

reactjs - Δεν μπορεί να βρεθεί το module '@tanstack/react-table' παρά το γεγονός ότι είναι εγκατεστημένο

Δουλεύω σε ένα έργο TypeScript React και προσπαθώ να εισάγω το ColumnDef από το @tanstack/react-table στο αρχείο μου columns.tsx.

import { ColumnDef } from "@tanstack/react-table"; export type Payment = { id: string; amount: number; status: "pen

Διαβάστε περισσότερα →

typescript - Το pageParam του TanstackQuery V5 δεν υπάρχει στον τύπο

Έχω αυτόν τον κώδικα. Στην έκδοση v5 του TanStack αντιμετωπίζω πρόβλημα. Στην έκδοση v4 δεν υπάρχει αυτό το πρόβλημα.

const queryFn: QueryFunction<Awaited<ReturnType>>=({pageParam}) => notificationControllerGetNotification({cursor: pageParam, ...params}, axiosOptions);

TS2339: Η ιδιοκτησ

Διαβάστε περισσότερα →

typescript - tRPC προκαλεί σφάλμα στο setData (wrapper useContext του TanStack Query) αφού το ενημέρωσα από v10-rc σε v10

Before: ├── @tanstack/[email protected] ├── @trpc/[email protected] ├── @trpc/[email protected] ├── @trpc/[email protected] ├── @trpc/[email protected] After: ├── @tanstack/[email protected] ├── @trpc/[ema

Διαβάστε περισσότερα →

javascript - Πώς να χειριστείτε κενές τιμές κελιών στο @tanstack/react-table;

Προσπαθώ να βρω έναν βέλτιστο τρόπο για να χειριστώ τις κενές τιμές κελιών. Έχω τον ακόλουθο ορισμό στήλης στον οποίο όλα τα πεδία είναι προαιρετικά εκτός από το πεδίο ονόματος:

const columnHelper = createColumnHelper<{ name: string; contact_person?: string; phone_no?: st

Διαβάστε περισσότερα →

reactjs - Πώς να χρησιμοποιήσετε τον πίνακα tanstack v8 για να φιλτράρετε δεδομένα με εύρος ημερομηνιών;

Έχω δεδομένα που προέρχονται από ένα API όπως:

const abc = [ { date: '2023-12-8', value: 'mop' },{ date: '2023-10-8', value: 'qrs' } ]

Πώς να συνδέσουμε δύο πεδία εισόδου ώστε να λειτουργούν ως εύρος ημερομηνιών; Η ημερομηνία έρχεται ως συμβολοσειρά

Διαβάστε περισσότερα →

reactjs - Πώς να τυλίξετε το tanstack/router Link με ένα άλλο component διατηρώντας την ασφάλεια τύπων

Θα ήθελα να τυλίξω το στοιχείο Link από τον Tanstack Router με ένα άλλο στοιχείο και να μπορώ να περάσω σε αυτό το στοιχείο τις ιδιότητες που χρειάζονται να περαστούν στο στοιχείο Link.

Δηλαδή, θέλω να δημιουργήσω ένα επαναχρησιμοποιήσιμο στοιχείο

Διαβάστε περισσότερα →

javascript - Πώς να χρησιμοποιήσω το react/tanstack query useMutation στο component μου

Αυτή τη στιγμή μετατρέπω τη λογική στο έργο μου mern (με typescript) για να χρησιμοποιώ React/Tanstack query προκειμένου να μάθω αυτό το εργαλείο καλύτερα.

Θέλω να χρησιμοποιήσω το useMutation για να χειριστώ τη λογική του αιτήματος post από τις λεπτομέρειες που εισήχθησαν στη φόρμα, σε α

Διαβάστε περισσότερα →