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를 내용대로 업데이트
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를 내용대로 업데이트
