Weboldal keresés
reactjs - React Table (Tanstack) feltételesen alkalmazzon osztályt a th elemre
A @tanstack/react-table v8.5.13 verzióját használom. Próbálok itt valami igazán egyszerűt csinálni, de úgy tűnik, nem találok módot rá a dokumentációban.
Az asztalomnak két fejlécje van (egy fejléc és egy alkifejléc, amit lent definiáltunk)
const columnHelper = createColumnHelper<ITableData>(); const columns = [ columnHelper.group({ id: 'Header', header: () => <Button variant='outlined'>Show all</Button>, columns: [ columnHelper.ac További információ →typescript - Egyéni típus meghatározása a Tanstack Table FilterFunction számára
Írtam egy egyedi szűrőfüggvényt a Tanstack Table-hoz, amely a fuse.js-t használja.
Azonban a TypeScript minden próbálkozásomra panaszkodik, hogy meghatározzam a saját függvényem típusát.
Azt szeretném, ha a függvényem megfelelne ennek a típusdefiníciónak
export interface FilterFn<T További információ →javascript - Egyéni rendezés a @tanstack/react-table v8-ban
Problémám van az egyedi rendezési típusok deklarálásával. A dokumentáció a deklarációt a következőképpen írja le:
declare module '@tanstack/table-core' { interface SortingFns { myCustomSorting: SortingFn<unknown> } }Ezt egy külső .d.ts fájlban csináltam. De most ez a tulajdonság kötelezővé vált, és most már meg kell adni a useReactTable-ban.
const instance = useReactTable( { data, columns, getCoreRo További információ →reactjs - Az @tanstack/react-query useQuery hook-jából visszaadott adatobjektum undefined értékének kezelése TS lint szabály 'strict' bekapcsolt állapota mellett
Dolgozom egy új projekten, ahol a Typescript linting szabály strict true értékre van állítva. Ezzel a szabállyal a Typescript már nem biztos a useQuery hookból a @tanstack/react-query csomagból visszaadott adat típusában, mivel az lehet a tényl
További információ →reactjs - Miért ad a Tanstack Table típuseltérést a cella definíciómban
Mostanában azt tanulom, hogyan kell használni a Reactot és a TypeScriptet, és jelenleg a Tanstack Table-t próbálom használni arra, hogy generikus típusokkal meghatározzak egy összetett táblázatot az újrahasználhatóság érdekében. Típushibákkal ütközöm, amikor megpróbálom szétteríteni a saját függvényemet a cella meghatározásához.
A hiba:
Argument of type '{ getUniqueValues?: AccessorFn<BulkEditRow, unknown[]> | undefined; footer?: ColumnDefTemplate<HeaderContext< További információ →reactjs - Hogyan lehet href-et generálni egy adott útvonalhoz a Tanstack routerben?
A React Spectrum-ot használom, és a Link komponensét kell használnom a TanStack React Router-rel. A Spectrum dokumentációja szerint egy felső szintű szolgáltatót kell használnom, és ki kell tennem azt a függvényt, amely a megadott string/href útvonalra navigál:
import { P További információ →reactjs - Hogyan lehet letiltani vagy átengedni a Tanstack Router hiba határát
A Tanstack router beépített hibahatárral rendelkezik, és felfedeztem, hogy ezt a defaultErrorComponent tulajdonság beállításával a provider komponensben testreszabhatjuk. Azonban ahelyett, hogy ezt a komponenst testreszabnám, teljesen le szeretném tiltani, vagy legalább átadni a hibát a komponensfán egy másik, általam meghatározott határhoz. Megpróbáltam egyszerűen újradobni a hibát, de ez úgy tűnik, hogy nincs hatással:
import { RouterProvider as TSRouteProvider } További információ →reactjs - Hogyan állíthatom meg a TanStack React Table újrarenderelését, amíg a beviteli mező teljesen nincs kitöltve?
Egy olyan táblázatot készítek, amelyben az egységár egy oszlopban adható meg, és egy másik oszlop kiszámítja a teljes árat a megadott érték és egy másik oszlopból, a "Mennyiség"-ből származó érték alapján (teljes ár=mennyiség * egységár). Ezt normál táb
További információ →typescript - Mely feltételek mellett undefined a TanStack useQuery függvény AbortSignal-je?
A TanStack React Query dokumentációja (https://tanstack.com/query/v4/docs/react/guides/query-cancellation) leírja, hogyan kaphatja meg a queryFn tulajdonság egy objektumot egy signal tulajdonsággal, amit a lekérdezés megszakítá
További információ →typescript - Tanstack React Query useMutation mindig True az onSuccess-ban
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
További információ →