問題タブ [next-router]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
unit-testing - next/router jest.mock でクエリを動的に更新する方法
next/router/
jest.mock クエリを動的に更新する方法はありますか?
私は基本的に、実行されるテストに応じて異なるクエリをモックしようとしています。
すなわち
上記のモックは、describe ブロック 1 に対して実行する必要があります
そして、モックを更新して、ブロック 2 を別の別のクエリで実行する必要があります。
だから本質的に私は jest.mock でクエリを更新できるようにしたい
next.js - 現在の動的ページに基づいてNext.jsリンクを動的にする方法は?
Next.js を使用して LMS を構築しています。これまでのところ、私のプロジェクト構造はlocalhost/courses/1
. 各コースは 7 ページです。ダッシュボード、課題、TestAndQuizzes、Gradebook、リソース、お知らせ、名簿。すべてのコンポーネントとページの準備が整いました。したがって、手動でlocalhost/courses/1/assignments
またはに移動するとlocalhost/courses/1323/roster
、正常に動作します。
私がやりたいこと: 課題のリンクをクリックすると、その特定のコースの課題ページに移動する必要がありますlocalhost/courses/1/assignments
。現在、URL を にハードコーディングしている/courses/1/[page]
ので、割り当てをクリックすると に移動しlocalhost/courses/1/assignment
、名簿をクリックすると に移動しlocalhost/courses/1/roster
ます。
ユーザーがコース内のタブのいずれかをクリックすると、その特定のコースのそのページに移動するように、そのルートを動的にするにはどうすればよいですか?
調べましたがnext/link
、next/router
まだできません。何か助けはありますか?
編集:これが私のフォルダ構造です:
上で述べたように、今のところ、リンクを使用して/courses/1/assignment
、たとえば誰かに送信しました。
サイトをチェックアウトしたい場合は、My appでホストされています。