[apps/cs] feat: 검색 시 파라미터 업데이트
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
|
||||
import Link from "next/link";
|
||||
import { useState } from "react";
|
||||
import { useSearchParams } from "next/navigation";
|
||||
import { useRouter, useSearchParams } from "next/navigation";
|
||||
import { useQuery } from "@tanstack/react-query";
|
||||
import {
|
||||
Button,
|
||||
@@ -19,6 +19,7 @@ import type { Board, Post, Contents } from "../model/search-interface";
|
||||
const RENDER_LIMIT = 5;
|
||||
|
||||
function SearchPage() {
|
||||
const router = useRouter();
|
||||
const searchParams = useSearchParams();
|
||||
const keywordParam = searchParams?.get("keyword");
|
||||
|
||||
@@ -34,6 +35,10 @@ function SearchPage() {
|
||||
e.preventDefault();
|
||||
const formData = new FormData(e.target as HTMLFormElement);
|
||||
setKeyword(formData.get("keyword") as string);
|
||||
|
||||
const params = new URLSearchParams(searchParams?.toString());
|
||||
params.set("keyword", formData.get("keyword") as string);
|
||||
router.replace(`?${params.toString()}`);
|
||||
};
|
||||
|
||||
return (
|
||||
|
||||
Reference in New Issue
Block a user