Expressでクエリパラメータの値をPOST処理に引き継ぐ方法

Question

実現したいこと

データベースからランダムに2択の質問を取得
↓
取得した質問と回答ボタンを表示
↓
回答すると集計結果を表示

以上の機能をExpressを使って実現したいです。

該当するコード

router.get('/question', async (req, res) => {
//データベースからランダムに質問を取得
  const fetchedQuestion = await fetchQuestion();　
//IDを文字列型に変換
  const strId = fetchedQuestion._id.toString();
//個別の質問のページにリダイレクト
  res.redirect(`/question/${strId}`);
});

router.get('/question/:id', async (req, res) => {
//クエリパラメータのIDから選択された質問を取得
  const selectedQuestion = await Question.findById(req.params.id);
//質問内容を表示するページをレンダリング
  res.render('question', { question: selectedQuestion });
});

router.post('/question/:id', async (req, res) => {
  console.log(req.params.id);　//ここの中身が:idになってしまっている
//回答数をインクリメントする処理
  try {
    if (req.body.countA) {
      const selectedQuestion = await Question.findByIdAndUpdate(req.params.id, { $inc: { countA: 1 } });
      await req.user.answers.push({ questionId: selectedQuestion._id, answer: 'A' });
      await req.user.save();
    }

    if (req.body.countB) {
      const selectedQuestion = await Question.findByIdAndUpdate(req.params.id, { $inc: { countB: 1 } });
      await req.user.answers.push({ questionId: selectedQuestion._id, answer: 'B' });
      await req.user.save();
    }

  } catch (e) {
    console.log(e);
  }

 

個別の質問を表示させるところまでは実装できているのですが（2番目のルーティングまで）、ポスト処理の際に:idの中身をうまく引き継ぐことができず、http://localhost:3000/question/:idにアクセスしてしまっている状態です。

具体的には、http://localhost:3000/question/5f28437758011a43922f8c41のようなURLに表示されている質問に回答すると、同じURLに対してPOSTできるようにしたいです。

ご教授いただけると嬉しいです。よろしくお願いします。

Answer 1

<form action="/question/{{selectedQuestion._id}}" method="post">
hogehoge
</form>

テンプレートエンジンを使ってviewにidを渡すことで実現できました。