React 자식 컴포넌트에서 부모 컴포넌트 state 변경하기

자식은 부모에게서 부모의 state를 props로 전달 받아 사용할 수 있다.
자식 컴포넌트가 전달받은 props를 변경해서 부모 컴포넌트의 state를 변경하려면

부모 컴포넌트에서 setState를 하는 함수를 만들어서 자식에게 같이 전달해 주면 된다.

자식 컴포넌트가 그 함수를 실행하면 부모 컴포넌트의 state가 변경되게 된다.

주의할 점은, ES6이라면 bind(this)를 사용하지 않아도 되지만 아니라면
자식 컴포넌트에서 전달받은 함수를 실행 할 때

다음과 같이 bind(this)를 해줘야 함수가 제대로 동작한다.
ES6을 사용할 때 bind를 사용하지 않으려면

다음과 같이 애로우 함수를 사용하면 된다.