Skip to content
Snippets Groups Projects
Select Git revision
  • 9126155d094be7a9165b286192cd7782a331800d
  • master default protected
2 results

Signup.js

Blame
  • Signup.js 1.50 KiB
    import React, { useState } from "react";
    //import { post } from "../../backend/app";
    import { post } from "axios";
    
    const Signup = () => {
      const [username, setUsername] = useState("");
      const [nicname, setNicname] = useState("");
      const [password, setPassword] = useState("");
    
      const onChangeUsername = (e) => setUsername(e.target.value);
      const onChangeNicname = (e) => setNicname(e.target.value);
      const onChangePassword = (e) => setPassword(e.target.value);
    
      // const handleFormSubmit = () => {
      //   const url = "/signup";
      //   const formData = new FormData();
      //   formData.append("username", username);
      //   formData.append("password", password);
      //   formData.append("nicname", nicname);
    
      //   const config = {
      //     headers: {
      //       "content-type": "multipart/form-data",
      //     },
      //   };
    
      //   return post(url, formData, config);
      // };
    
      return (
        <form action="http://localhost:3001/signup" method="post">
          <h1>회원가입</h1>
          이메일:
          <input
            type="text"
            name="username"
            value={username}
            onChange={onChangeUsername}
          ></input>
          비밀번호:
          <input
            type="password"
            name="password"
            value={password}
            onChange={onChangePassword}
          ></input>
          닉네임:
          <input
            type="text"
            name="nicname"
            value={nicname}
            onChange={onChangeNicname}
          ></input>
          <button type="submit">가입완료</button>
        </form>
      );
    };
    
    export default Signup;