[TIL-143] 위코드 44일차:

 

업데이트 된 state 값이 한박자 늦게 적용되는 문제

setState는 비동기적으로 처리함.

 

array.length : 빈 배열인지 확인하는 법

배열이 비어있다면 어떤 코드를 실행하려고 한다.

const array = [];

if (!array) {
	console.log(array);
    => !array는 false이므로 실행되지 않음.
}

if (!array.length) {
	console.log(array);
    => array.length는 0이므로 falsy(?). 따라서 !array.length는 true이므로 실행됨.
}

array는 그 안이 비어있더라도 배열이 존재하는 그 자체로 truthy. 문자열이 어떤 값이든간에 한 글자라도 존재할 때와 마찬가지다.

 

자식 컴포넌트 안에서 부모 컴포넌트에 값 전달하기

부모 컴포넌트에서 선언해놓은 함수를 자식 컴포넌트에 props로 전달한다. 그리고 자식 컴포넌트에서 부모에 전달할 값을 해당 함수에 인자로 담아 실행한다. 그럼 부모 컴포넌트에서 자식 컴포넌트에 존재하는 값을 이용하여 원하는 동작을 수행할 수 있다.