KembaliBelajar Full-stack Dengan React Router v7
Pembahasan

Routing Prefix

Prefix ini fungsi yang bikin lo bisa bikin route path dengan awal yang sama. Misal, lo mau bikin route /admin/users dan /admin/products, lo bisa bikin kayak gini:

app/routes.ts
import { type RouteConfig, index, prefix } from '@react-router/dev/routes';

export default [
  // route yang lain...
  ...prefix('admin', [
    index('routes/admin/index.tsx'),
    route('users', 'routes/admin/users.tsx'),
    route('products', 'routes/admin/products.tsx'),
  ]),
] satisfies RouteConfig;

Karena prefix ini return-nya adalah array, lo bisa langsung spread ke dalam array route yang ada di routes.ts. Ini bikin lo bisa bikin route dengan awalan yang sama tanpa harus nulis ulang awalan tersebut di setiap route.

Progres kursus

Sudah paham pelajaran ini?

Tandai selesai untuk menyimpan progresmu di kursus ini.

Diskusi

0 komentar

Belum ada komentar.

Mulai diskusi