삭제 구현할때 새로고침 없이! 바로바로 반영되게 하려면

선생님 안녕하세요!

삭제 구현하다가

"use client";
import Link from "next/link";
import { useState } from "react";

export default function Delete({ result }) {
  console.log(result);
  const [test, setTest] = useState([]);

  return (
    <>
      {result.map((a, i) => {
        return (
          <li key={a}>
            <Link href={`/detail/${result[i]._id}`}>{result[i].title}</Link>
            <Link href={`/edit/${result[i]._id}`}>🖊️</Link>
            <button
              onClick={() => {
                setTest(test.filter((item) => item._id !== result[i]._id));
                fetch("/api/delete", {
                  method: "POST",
                  body: result[i]._id,
                }).then((res) => {
                  console.log(res);
                });
              }}
            >
              ❌
            </button>
          </li>
        );
      })}
    </>
  );
}

이게 제 코드인데,  setTest(test.filter((item) => item._id !== result[i]._id)); 이렇게 filter쓰면 바로바로 삭제되는줄 알았는데(새로고침 없이).. 마음대로 안되네요 ㅠㅠ 어떻게 하면 좋을까요......

• 이 게시글은 김효진에 의해 1 년 전에 수정됐습니다.