Til (2022.12.20)

redux

 

redux란 파일을 따로 만들어 안에 config와 modules파일을 만든다.

config안에 store를 만들고

module은 기능의 이름을 따서 파일을 생성한 후 초기 상태값(initialState)과 리듀서(reducer)를 만들어준다.

module을 만들면 store에 연결한다.

그리고 components에서 store를 조회할땐 useSelector를 사용해야한다.

useSelector,state는 모든 module에 state를 조회한다.( const aaa = useSelector((state) => state); )

 

action객체는 반드시 type이라는 key를 가져야하고 reducer로 보낼 명령.

dispatch는 action객체를 reducer로 보낼 전달자 함수.( const dispatch = useDispatch(); )

실행시킬 함수 안에서 ( dispatch({ type: “AAAA”}); ) 이런식으로 reducer에 보낸다.(type은 대문자로 작성)

reducer는 dispatch를 통해 전달받은 action객체를 검사하고 조건일치 했을 때 새로운 상태값을 만드는 함수이다

dispatch를 사용하기 위해서는 useDispatch라는 hook을 사용해야한다.

 

Action : 내용

Dispatch : 요구

Reducer : state를 내용대로 업데이트