일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 주식
- 책알남
- JavaScript
- 다독
- algorithmtraining
- 화장품
- 독서
- 알고리즘트레이닝
- 프로그래밍언어
- 알고리즘 공부
- C
- 지혜를가진흑곰
- 투자
- 독후감
- 채권
- 백준알고리즘
- 서평
- 책을알려주는남자
- 재테크
- 성분
- 자바
- 자바스크립트
- C++
- 알고리즘공부
- 프로그래머스 알고리즘 공부
- algorithmTest
- Java
- 돈
- algorithmStudy
- 경제
- Today
- Total
목록Redux (3)
탁월함은 어떻게 나오는가?
redux의 sate 초기화 redux를 사용하다보면 state가 초기화 되는 경우가 있다. react에서 버튼을 클릭시 다른페이지로 이동할 경우, a tag를 흔하게 사용한다. state초기화 되는 이유 a태그를 사용하면 라우트를 이동시 redux의 전역 state가 모두 초기화 된다. 그 이유는 a 태그의 기본 속성은 페이지를 이동시키면서, 페이지를 새로 불러온다. 그렇게 되면서 react 앱이 지닌 상태도 초기화 되기 때문입니다. 초기화를 방지하는 방법 react에서 페이지를 이동시킬 때 react-router-dom 의 Link 컴포넌트를 사용하면 된다. Link 컴포넌트는 브라우저 주소만 바꾸고, 페이지를 새로고침 하지 않기 때문에 react 앱의 state를 초기화 하지 않는다. 클릭을 이용해..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ejYyBH/btq3mcdDUSe/u79eD2Li3AbYckMKq2yZGK/img.png)
dispatch함수를 사용하다보면 dispatch안에 있는 함수가 Reucer가 아니라는 에러가 나온다. 그럴경우에는 리듀서 선언을 빠트린 부분이 있는가를 확인해야한다. 나의 경우에는 삭제를 하는 부분을 작성하다가 생긴에러이다. 그렇기에 delReviewIem선언을 확인해보았다. reducer: actions의 구조분해할당을 제대로 했는지 확인. container에도 선언되었는가 확인 그리고 하위 컴포넌트들에도 필요한 만큼 선언되어있는지 확인이 필요하다. 해결완료: 결국 선언이안되어서 생기는 에러니 선언을 확인 후 확인해보면 실행이된다. 베타존 : 네이버쇼핑 스마트스토어 나를 꾸미다 - 인테리어소품 베타존 smartstore.naver.com
Redux는 StateContainer이다. State에 대해.. State 전부는 하나의 store안에 있는 객체트리에 저장된다. store안에는 객체트리가 존재하고 State를 포함한다. redux에서는 sotre안의 객체를 state라고 한다. 상태 트리를 변경(속성값을)하는 방법은 action객체를 인자로 전달하는 것이다. React State와 Rdux State와의 차이점 리액트의 State와는 다른점이 있다. React의 State는 정확히 렉시컬안에 존재함(useState안에) React State를 바꾸는건 setState로 바꾼다. Redux에서 State를 변경하는건 action이다. action을 사용해서 인자로 전달해야한다. Redux는 State를 직접 할당하지 말고, actio..