단방향 바인딩, 양방향 바인딩

Snoop So·2022년 3월 23일
0

react

목록 보기
1/4

단방향 바인딩

리액트에서는 일반적으로 부모 컴포넌트에서 자식 컴포넌트로 데이터를 넘겨준다. 반대로, 자식 컴포넌트에서 부모 컴포넌트로는 데이터를 넘겨주지 않는다. 즉, 단방향이다.

양방향 바인딩

그렇다면 자식에서 부모로 데이터가 전달되는 양방향 바인딩이 된다면 어떻게 될까? 예를 들어보자.

  1. 자식의 데이터가 변경된다.
  2. 이를 부모에게 전달한다.
  3. 자식은 부모의 데이터가 업데이트 되면 해당 데이터를 상속 받는다.

즉, 자식의 변경이 부모에게 반영되는 경우 무한 루프가 발생된다. 그렇기 때문에 리액트는 예외의 경우도 있지만 기본적으로 단방향 바인딩으로 작동한다.

0개의 댓글