typescript - Tanstack Router - Hvordan man sender værdi fra en anden kontekst

Jeg bygger en React-app, der bruger Tanstack-router, og jeg vil gerne få adgang til værdier fra en context-provider, som jeg har oprettet, i routerens beforeLoad-handler for en given rute. Struktur af min app ser sådan ud:

ReactDOM.createRoot(document.getElementById('root')!).r

Læs mere →

typescript - TanStack table | Hvordan kan jeg bruge en redux-handling i onPaginationChange i stedet for setPaginationState i eksemplet

Ved at bruge dette eksempel https://tanstack.com/table/v8/docs/examples/react/pagination-controlled Hvordan kan jeg bruge https://tanstack.com/table/v8/docs/api/features/pagination#onpaginationchange, hvis jeg har brug for at dispatch'e min redu

Læs mere →

reactjs - Hvordan returnerer man data fra Tanstack React Query useMutation?

Jeg har en formular, og jeg vil gerne returnere id'et fra det nyoprettede objekt, som jeg opretter via Axios gennem en REST API.

Jeg integrerer Tanstack Query og bruger useMutation-hooken. Jeg har lavet min egen hook, så jeg kan bruge mutationskoden i hele min React-applikation.

c

Læs mere →

reactjs - TanStack react tabel v8 style hver celle baseret på celleværdien

Vi migrerer vores tabeller fra v7 til v8. Og jeg har lidt et problem med cellers betingede styling. Så grundlæggende, hvad jeg vil gøre, er, baseret på en status (som kommer til tabeldataene), at jeg skal tilføje et specifikt className til hver celle i en række.

I v7 brugte vi det

Læs mere →

reactjs - Hvordan man håndterer en en-til-mange-relation i TanStack Table (React-Table V8)

Jeg prøver i øjeblikket Tanstack Table, som er et fantastisk bibliotek!

Det, jeg prøver at gøre, er at opbygge et bord, der ser sådan ud:

Mine data kommer fra en API med denne type:

type Accounting = { category: string; total: number; // Sum o

Læs mere →