카드조회를 하고 싶다면
일단 액션을 SET_GROUP으로 줬다는 과정하에서
카드에 map을 해줬고 json serve로 화면에 랜더링하고 싶다면 useEffect사용
useEffect는
1.component가 mount됐을때(처음 나타났을때)
컴포넌트가 화면에 가장 처음 랜더링 될 떄 한번만 실행하고 싶을때는 뒤에 빈배열을 넣는다
2.component가 update될때 (특정 props.state가 바뀔때)
특정값이 업데이트 될때 실행하고 싶을때는 뒤에 빈배열 안에 검사하고 싶은 값을 넣어준다
(의존값이 들어있는 배열)
useEffent를 사용해서 화면을 띄을 때 랜더링 할것을 dispatch해준다
일단 modules에 있는 group.js에서 내가 만든 미들웨어를 가져오자🤣
as해서 이름은 내맘대루~~~
하여 미들웨어가져오기 성공🤣😂😂
이제 미들웨어와 리듀서를 약간 손대보자
여기서 console.log(res)만 한경우 화면에 가서 개발자도구를 열면
이러한 데이터들이 들어와있는데 저기서 우리가 원하는 정보인 data만 가져오면 된다 그래서
dispatch(setGroup(res.data))
여기서 setGroup은 내가 위에서 만든 액션함수이다 dispatch를 이용해서 실행하려구👍..
그리고 저렇게하고 console.log를 하고 화면을 보면
우리가 원하는 데이터만 가져온거임 후후
그리고 이제 리듀서로 가서 [ ]곧에 우리의 데이터를 넣어서 처리하면 끝👍👍
잠깐 리듀서로 가기전에 나는 초기값을 설정해놨따,,,
그리고 리듀서로 가기전에 개발자도구를 가서 확인후
내가 원하는 정보가
action에 payload에 groupList이다
그대루 리듀서에 적어주면
화면에 출력이 될것이다
뿌듯~~~
안녕하세요