Redux
-
axios 요청을 redux안에 넣었을 때 발생하는 에러project/main 2023. 3. 24. 21:07
에러 원인 redux로 리팩토링하는 과정에서 axios 요청을 redux안에 넣고 싶다라는 생각에 넣어 봤더니 생긴 에러이다. boardListItemAdd: ( state, ) => { const fetchData = async () => { const res = await axios.get(`/boards?page=${isPage}&size=16`); const { data, likeList } = res.data; const result = data.map((board: BoardDataProps) => { return { ...board, like: likeList.some( (el: { boardId: number; boardTitle: string }) => el.boardId === boar..
-
Redux블로깅 과제 2022. 12. 28. 14:46
Redux 전역 상태를 관리할 수 있는 저장소인 Store를 제고 상태를 저장했다가 바로 전달하기 때문에 props driling해결, 불 필요한 리렌더링 해결 Redux는 React에서 사용하는 것이라고 생각할 수 있지만, React 없이도 사용할 수 있는 상태 관리 라이브러리 Redux의 상태 관리 순서 상태가 변경되어야하는 이벤트가 발생하면 변경될 상태에 대한 정보가 담긴 Action 객체 생성 Action 객체는 Dispatch 함수의 인자로 전달 Dispatch 함수는 Action 객체를 Reducer 함수로 전달 Reducer 함수는 Action의 객체의 값을 확인하고 그 값에 따라 전역 상태 저장소 Store의 상태를 변경 상태가 변경되면 React는 화면을 다시 렌더링 ★ Redux에서는 ..