[React] e.target.name 계산된 속성명

계산된 속성명

ES6부터 지원

객체의 속성명이 최초에 결정되는 것이 아니라 동적으로 결정되는 것

사용할 때는 []를 사용함

 

비슷한 기능을 하는 함수를 하나로 줄일 수 있다

const test01 = type => {
  this.setState({ type01: type });
};

const test02 = type => {
  this.setState({ type02: type });
};

const test02 = num => {
  this.setState({ type03: Number(num) });
};

셋 다 setState만 하는 함수일 때 아래 예시처럼 한 줄로 가능!

 

확인하기

 

const test = (속성명, value) => {
  this.setState({ [속성명]: value });
};

 

 

 

 

 

아직 잘 모르겠음.. 공부중