Next.js: أسئلة التوجيه - أنماط المعلمات مثل: "/ profile /: id / edit" والخادم db - كيف يتم تمرير البيانات لتفاعل المكونات؟

تم إنشاؤها على ١٧ ديسمبر ٢٠١٦  ·  3تعليقات  ·  مصدر: vercel/next.js

مرحبًا ، أعلم أنه تمت مناقشة هذه المشكلة من قبل ولكني لم أتمكن من العثور على إجابة واضحة لهذا النمط.
أولاً - صححني إذا كنت مخطئًا ، إذا لم تنفذ خادمًا مخصصًا (http أو express) ، فإن مكون الارتباط يدعم فقط معلمات سلسلة الاستعلام مثل "/ profile؟ id = 123 & action = edit" هل أنا على صواب؟
لتكون قادرًا على العمل مع نمط معلمات url مثل "/ profile /: id" تحتاج إلى تنفيذ خادم مخصص ... كان هذا أفضل ما تمكنت من تخمينه من خلال الأمثلة ...
إذا كان الأمر كذلك - كيف يمكنك تنفيذ نمط مثل "/ profile /: id / edit"
في مثال "توجيه المعلمات" ، يستخدم index.js روابط مثل هذه:
<Link href='/blog?ip=first' as='/blog/first'><a>My first blog post</a></Link>

ولم أتمكن من فك شفرة سير العمل الضروري على server.js
يعلن server.js عن const match = route('/blog/:id')

ومن ثم ليس من الواضح ما الذي يذهب بالضبط إلى شريط العناوين ، وما هي البيانات التي يتم دفعها إلى مكون التفاعل؟
كيف أتعامل مع مسارات مثل "/ profile /: id / edit"
كيف يمكنني التعامل مع العديد من المسارات بطريقة عامة (قادمة من جهاز التوجيه التفاعلي كنت أبحث عن مكافئ الأداة المساعدة للمطابقة ...)
أيضًا ، إذا كان لديّ بيانات db يتم جلبها قبل العرض - كيف يمكنني تمرير البيانات التي تم جلبها إلى مكون التفاعل.
كل هذه الأمور غامضة بعض الشيء ، وسأكون ممتنًا جدًا لمساعدتكم لأنني كنت أحاول تخمين طريقي دون نجاح.

شكرا لك
مفتوح جزئيا

التعليق الأكثر فائدة

هذه مجموعة من الأسئلة الجيدة.
سنضيف المزيد من المعلومات على المستندات.

في الوقت الحالي ، فكر على هذا النحو:

  • يعرف Next.js فقط كيفية عرض الصفحات. يجب أن تمر عبر المعلمات. (مثل: /blog?id=first )
  • مع # 310 نتيح طريقة لتخصيص مظهره للعالم الخارجي. (مثل: blog/:id انظر
  • وعندما تقوم بالتوجيه من جانب العميل ، لا يعرف التطبيق من جانب العميل أي شيء عن عناوين url المخصصة.
  • لذلك ، تحتاج إلى استخدام Link كـ: <Link href='/blog?id=first' as='/blog/first' />

    • href: هذا هو عنوان url الفعلي للصفحة

    • على النحو التالي: هذا هو الشكل الذي يجب أن يبدو عليه في المتصفح (عادةً ، يجب أن يتطابق مع نمط عنوان URL المخصص الخاص بك)

ال 3 كومينتر

هذه مجموعة من الأسئلة الجيدة.
سنضيف المزيد من المعلومات على المستندات.

في الوقت الحالي ، فكر على هذا النحو:

  • يعرف Next.js فقط كيفية عرض الصفحات. يجب أن تمر عبر المعلمات. (مثل: /blog?id=first )
  • مع # 310 نتيح طريقة لتخصيص مظهره للعالم الخارجي. (مثل: blog/:id انظر
  • وعندما تقوم بالتوجيه من جانب العميل ، لا يعرف التطبيق من جانب العميل أي شيء عن عناوين url المخصصة.
  • لذلك ، تحتاج إلى استخدام Link كـ: <Link href='/blog?id=first' as='/blog/first' />

    • href: هذا هو عنوان url الفعلي للصفحة

    • على النحو التالي: هذا هو الشكل الذي يجب أن يبدو عليه في المتصفح (عادةً ، يجب أن يتطابق مع نمط عنوان URL المخصص الخاص بك)

شكرا لك arunoda !
بسيط وواضح.

مذهل. سنغلق هذه القضية.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

havefive picture havefive  ·  3تعليقات

YarivGilad picture YarivGilad  ·  3تعليقات

formula349 picture formula349  ·  3تعليقات

renatorib picture renatorib  ·  3تعليقات

jesselee34 picture jesselee34  ·  3تعليقات