Frage NextJS URL-Parameter wie React-Router


Ich bin ein Neuling zu WeiterJSEs sieht auf den ersten Eindruck so gut aus. Aber nachdem ich ihm eine Chance gegeben habe, habe ich einige Probleme wie URL-Routing mit benutzerdefinierten Parametern wie Reagieren-Router.

Aktuell was wir mit NextJS machen können

https://url.com/users?id:123

Was wir für ein besseres URL-Muster brauchen

https://url.com/users/123

Im react-Router gibt es hier ein perfektes Beispiel https://reacttraining.com/reac-router/web/example/url-params


5
2018-04-03 09:57


Ursprung


Antworten:


Dieses Beispiel hilft Ihnen, Ihre parametrisierten, benannten Routen zu definieren. Es verwendet Nest / Routen und lässt Sie Ihre eigenen Präferenzrouten definieren. hoffe es wird dir helfen.

https://github.com/zeit/next.js/tree/master/examples/with-next-routes


6
2018-04-10 16:37



Sie können verwenden next/linkist es as Feature:

<Link prefetch as={`/product/${slug}`} href={`/product?slug=${slug}`}>

Der Link im Browser erscheint als /product/slug welches intern auf /product?slug=slug

Sie müssen eine haben Benutzerdefinierter Server für das serverseitige Mapping:

server.get("/product/:slug", (req, res) => {
  return app.render(req, res, "/product", { slug: req.params.slug })
})

1
2018-03-28 02:09