props 비구조화 할당

props로 넘겨준 데이터를 props. 찍고 사용하다보면 이게 넘겨 받은 데이터가 무엇인지 읽는 이도 쓴 이도 헷갈려서 다시 부모 컴포넌트로 가는 일이 생길 수 있다.

 

그런 일을 발생하지 않도록 props를 비구조화 할당해서 보다 명료하게 코드를 짤 수 있다.

 

부모 컴포넌트

보다시피 부모 컴포넌트인 App에서 TodoList로 data와 setData를 넘겨주고 있는 걸 확인할 수 있다.

 

자식 컴포넌트

다음과 같이 props가 붙은 것들을 비구조화 할당을 해줌으로써 아래처럼 바꿀 수 있다.

 

반드시 중괄호 {}를 쳐주고 할당해줘야함.