導入の準備

1449 ワード

axios.get(APIアドレス)
axios.post(APIアドレス)
郵便配達員に行って練習してください.
RestAPIはGqphQLに変換できます.

必ずpostを書きます
JSON(アプリケーション/json)であることも確認する必要があります.
import axios from "axios";

export default function GraphqlRestPage() {
  async function onClickSubmit() {
    const result = await axios.post(
      "https://backend04.codebootcamp.co.kr/graphql",
      {
        query: `mutation createBoard {
         createBoard(
           createBoardInput:{
             writer: "철수",
             password: "1234",
             title: "제목",
             contents: "내용"
           }
         ){
           _id
           writer
         }
        }
        `,
      }
    );
    console.log(result);
  }

  return <button onClick={onClickSubmit}>등록하기</button>;
}
次にコンソールのネットワークをチェックすると、requestメソッドがpostに入るのが見えます.