본문 바로가기

JAVASCRIPT

es6 문법 예제1

class Signunpa extends React.Component {

 

    constructor(){

        super();

 

        this.state = {

            email: "",

            password: "",

            id:"",

            comment:""    

        }

    }

 

    handleID = (event=> {

        // console.log(event.target.value)

        this.setState({

            email: event.target.value

        });

    }

 

    handlePW=(event=>{

        console.log("pwvalue : "event.target.value)

        this.setState({ 

            password: event.target.value

        });

    }

 

    handleLogin = () => {

 

        const {email,id,comment}=this.state;

 

        // console.log("button clicked")

        console.log("this.state : "this.state)

        fetch("http://10.58.0.129:8000/reviewdetail/sign-up", {

            method: "POST",

            // headers: {

            //   "token": localStorage.setItem("wtw-token")

            // },

            body: JSON.stringify({

              email: email,

              password: password,

              comment:comment

            })

          })

          .then(response => response.json())

          .then(response => {

              if(response.message==="SUCCESS"){

                this.props.history.push("/Signin");

              }

 

 

 

es6 변수선언함으로서 간소화됨.

'JAVASCRIPT' 카테고리의 다른 글

자바스크립트 이벤트 리스너 이해 예제  (0) 2020.05.08
map 함수 다시 예제 그리고 == 와 === 차이 정리  (0) 2020.05.08
map 함수  (0) 2020.04.28
함수 출력  (0) 2020.04.08
반복문의 중첩  (0) 2020.04.08