Wecode 25일차

08:20~09:20 헬스장
10:00 위코드 도착

오늘은 위스타그램 프로젝트 마무리를 하였다.

계산된 속성명

  handleIdInput = (event) => {
    this.setState({ id: event.target.value });
  };

  handlePwInput = (event) => {
    this.setState({ pw: event.target.value });
  };

위와 같이 id, pw빼고 전부 다 같은 코드로 반복되고 있다. 이럴때는 계산된 속성명을 사용하여 하나로 합쳐줄 수 있다.

handleInputValue = (e) => {
  const { name, value } = e.target;
  this.setState({ [name] : value });
}

이런식으로 코드를 짠 다음 이 함수를 불러오는 input에 name 값을 state의 값과 똑같이 지정해주어야 한다.

구조분해 할당

if (this.state.id.includes("@") && this.state.pw.length > 4)

위의 예시처럼 this.state가 중복된다면 const { id, pw} = this.state 로 간단히 선언가능하다.