TIL

Props vs State

Props

부모 컴포넌트와 자식 컴포넌트 사이의 관계에서 데이터를 전달할 때는 Props를 이용해야 한다.

Props는 부모 컴포넌트에서 자식 컴포넌트로만 전달할 수 있다.

부모 컴포넌트에서 자식 컴포넌트로 데이터가 전달되는 과정에서 Props는 변할 수 없다. (immutable)

1이라는 값을 전달해줬다고 했을 때 자식 컴포넌트에서는 전달받은 값을 변경할 수 없다.

변경이 불가능하기 때문에 부모 컴포넌트에서 다른 값으로 다시 전달하는 수 밖에 없다.

State

부모 컴포넌트와 자식 컴포넌트 간에 전달이 되는 것이 아니라 변할 수 있다.

각각의 컴포넌트 안에서 생기는 변화를 상태로 담는다.

값이 변경되면 페이지가 Rerendering 되는 성격을 갖는다.

Redux

기존 Props를 전달 받을 때는 부모에서 자식으로만 데이터를 전달할 수 밖에 없다.

이것이 여러 컴포넌트와의 관계로 발전하게 되면 데이터를 여러번에 걸쳐서 전달을 해야 한다.

이것을 편하게 하기 위해서 사용하는 것이 Redux이다.

Redux에는 Store라는 것이 있어서 이 Store에 데이터를 담고 사용할 때도 Store에서 꺼내서 사용하면 되어서 간편하게 데이터를 관리할 수 있다.