다이어리 데이터 업데이트

수파베이스 데이터 업데이트

const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
    e.preventDefault();

    const { data, error } = await supabase
      .from("zwritedb")
      .update([
        {
          id: pathId,
          uuid: dataUid,
          content: textValue,
        },
      ])
      .eq('id', pathId)
      .select("*");
    router.push("/main/diary");
    if (error) {
      throw error;
    }
  };

 

JSX 데이터 form

<form onSubmit={handleSubmit} key={item.id}>
    {/* <Suspense fallback={<p>로딩중...</p>}> */}
    <Deditwritebottomicon pathId={pathId} />
    {/* </Suspense> */}

    <textarea
      name="content"
      className="resize-none border border-[#F5BB8C] w-full h-40 p-2.5 bg-transparent outline-none rounded-md"
      defaultValue={item.content}
      onChange={(e) => setTextValue(e.target.value)}
      required
    ></textarea>
    <button type="submit">등록999</button>
    <button type="button" onClick={handelCancle}>
      취소
    </button>
  </form>

 

큰 문제점은 없었다

내용만 수정 가능 하도록 설정