通信、Status(バックエンドとの直接通信は初めて!)

今日のコード

ログイン

  const [form, setForm] = useState({ email: '', password: '' });

  fetch('http://10.58.5.37:8000/users/signin', {
      method: 'POST',
      body: JSON.stringify(form),
    })
      .then(res => {
        const { status } = res;
        if (status === 401) {
          alert('비밀번호를 확인해주세요!');
        }
        if (status === 404) {
          alert('등록된 사용자가 아닙니다.');
        }
        return res.json();
      })
      .then(res => {
        if (!!res.token) {
          setToken(token);
          alert(`로그인 되었습니다.\n${email}님 좋은 하루되세요 :)`);
          navigate('/main-kim');
        }
      })
      .catch(e => console.log(e));

会員収入

  const [form, setForm] = useState({ email: '', password: '' });

  fetch('http://10.58.5.37:8000/users/signup', {
      method: 'POST',
      body: JSON.stringify(form),
    })
      .then(res => {
        const { status } = res;
        if (status === 201) {
          alert('회원가입 되셨습니다! 축하드립니다!');
        }
    	if(status === 401){
          alert('비밀번호를 확인해주세요!');
        }
      })
      .catch(e => console.log(e));

今日悩んで知った