React - Redux

props vs state

props : 프로퍼티의 줄임말

​부모 컴포넌트에서 자식 컴포넌트로만 보낼 수 있음

props 의 값은 바뀔 수 없음

값이 바뀌려면 부모 컴포넌트에서 값을 바꿔서 다시 내려줘야 함

<props
    example1={example1}
    example2={exapmle2}
/>

state

props처럼 부모 컴포넌트에서 자식 컴포넌트로 값을 내려주는게 아니라

그 자리에서 값을 바꾸고 싶다면 state로 하면 된다.

state 의 data는 바뀔 수 있음

state 의 data가 바뀌면 re-render 됨

state = {
           example1:'',
           example2='',
};

이렇게 바로 바로 주고 받음

redux 흐름 (단방향)

action : 상태를 알려준다

{type: '좋아요따봉' , articles: 13}

reducer : 이전 state가 action을 받은 후에 바뀐 상태를 알려준다

{previousState, action} => nextState

- 이전 state와 action object를 받은 후에 nextState를 반환