form 전송하기

Hmm·2022년 5월 21일
0

React.js

목록 보기
2/5
post-custom-banner

I.
1. form에 onSubmit 실행

        <form
          id="posting"
          onSubmit={postDiary}
        >
          <div className={form.dateForm}>
            <label htmlFor="form__date"></label>
            <input
              id="form__date"
              type="date"
              ref={이름}
            />
          </div>
       </form>
  1. useRef와 current.value로 내용 복사
  const 이름 = useRef();

  const enteredDate = 이름.current.value;
  1. api에 보내기
      const data = await fetch(
        "api주소",
        {
          method: "POST",
          body: date,
        }
      ).then((res) => res.json());

II.
1. 분해하기
req.body에 있는 내용을 분해한다.

  1. 다시 조립해서 db에 삽입
post-custom-banner

0개의 댓글