Next.js: Preguntas de enrutamiento - patrones de parámetros como: "/ perfil /: id / editar" y base de datos del servidor - ¿cómo pasar datos a los componentes de reacción?

Creado en 17 dic. 2016  ·  3Comentarios  ·  Fuente: vercel/next.js

hola, sé que este tema se discutió antes, pero no pude encontrar una respuesta clara a este patrón.
Primero, corríjame si me equivoco, si no implementa un servidor personalizado (http o express), el componente de enlace solo admite parámetros de cadena de consulta como "/ profile? Id = 123 & action = edit", ¿estoy en lo cierto?
Para poder trabajar con un patrón de parámetros de URL como "/ profile /: id", debe implementar un servidor personalizado ... esto fue lo mejor que pude adivinar al revisar los ejemplos ...
Si es así, ¿cómo implementaría un patrón como "/ profile /: id / edit"
En el ejemplo de 'enrutamiento parametrizado', index.js usa enlaces como este:
<Link href='/blog?ip=first' as='/blog/first'><a>My first blog post</a></Link>

y no pude descifrar cuál es el flujo de trabajo necesario en server.js
server.js declara const match = route('/blog/:id')

y luego no está claro qué va exactamente a la barra de direcciones y cuáles son los datos que se envían al componente de reacción.
¿Cómo manejo rutas como "/ profile /: id / edit"
¿Cómo manejo muchas rutas de forma genérica (viniendo de react-router, estaba buscando el equivalente de la utilidad de coincidencia ...)
Además, si obtengo datos de db antes de renderizar, ¿cómo puedo pasar los datos recuperados al componente de reacción?
Todos estos son un poco oscuros y agradecería seriamente su ayuda ya que estaba tratando de adivinar mi camino sin éxito.

Gracias
Un frasco

Comentario más útil

Este es un conjunto de buenas preguntas.
Agregaremos más información sobre los documentos.

Por ahora, piensa así:

  • Next.js solo sabe cómo servir páginas. Debes pasar por params. (Como: /blog?id=first )
  • Con el # 310 permitimos una forma de personalizar cómo se ve en el mundo exterior. (Como: blog/:id Ver
  • Y cuando realiza el enrutamiento del lado del cliente, la aplicación del lado del cliente no sabe nada sobre las URL personalizadas.
  • Por lo tanto, necesita usar el enlace como: <Link href='/blog?id=first' as='/blog/first' />

    • href: esta es la URL real de la página

    • como: así es como debería verse en el navegador (normalmente, debería coincidir con su patrón de URL personalizado)

Todos 3 comentarios

Este es un conjunto de buenas preguntas.
Agregaremos más información sobre los documentos.

Por ahora, piensa así:

  • Next.js solo sabe cómo servir páginas. Debes pasar por params. (Como: /blog?id=first )
  • Con el # 310 permitimos una forma de personalizar cómo se ve en el mundo exterior. (Como: blog/:id Ver
  • Y cuando realiza el enrutamiento del lado del cliente, la aplicación del lado del cliente no sabe nada sobre las URL personalizadas.
  • Por lo tanto, necesita usar el enlace como: <Link href='/blog?id=first' as='/blog/first' />

    • href: esta es la URL real de la página

    • como: así es como debería verse en el navegador (normalmente, debería coincidir con su patrón de URL personalizado)

¡Gracias @arunoda !
Simple y claro.

Impresionante. voy a cerrar este problema.

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

jesselee34 picture jesselee34  ·  3Comentarios

havefive picture havefive  ·  3Comentarios

irrigator picture irrigator  ·  3Comentarios

rauchg picture rauchg  ·  3Comentarios

flybayer picture flybayer  ·  3Comentarios