useReducer action.data not iterable 오류 해결

dispatch를 이용하여 dispatch의 data들을 reducer에게 action으로 보내주는 상황 onCreate의 매개변수들을 전달받아 action으로 reducer에게 전달한다. 그러나 TypeError가 발생한다. action.data 즉, type과 함께 전달한 data들이 전달될 수 없다고 나온다. 그래서 reducer에서 설정한 data들은 어떤 형식으로 있는지 살펴보았다....

ReactuseReducerReact

useReducer 1

출처 : 유튜브 별코딩 useState처럼 state를 생성, 관리할 수 있게 해주는 도구 여러개의 하위값을 포함하는 복잡한 State를 써야 할 때 useState대신 useReducer를 쓴다. Reducer Dispatch Action reducer는 dispatch에 담긴 action의 내용에 따라 state를 업데이트해주는 역할을 한다. 예를 들어, A가 은행(reducer)에서 예...

ReactuseReducerReact

[TIL] React useReducer

useReducer란? 현재 상태와 액션 객체를 파라미터로 받아와서 새로운 상태를 반환해 주는 Hook 현재 state와 action 객체를 받아와서 action.type에 따라서 state 값을 반환해주는 함수이다. number - 현재 상태 dispatch - 액션을 발생 시키는 함수 참조)...

useReducerReactReact

[KDT]FCFE - 8주3일 React Practice

HOC HOC = function(컴포넌트) { return 새로운 컴포넌트;} withRouter(컴포넌트) -> router에 의해 호출되지 않아도 match, location, history 에 접근할 수 있도록 한다. ( React.forwardRef 사용 ) inputRef = React.createRef(); mount 된 이후 참조되면 사용할 수 있다. Hooks & Contex...

useStateHoCuseEffectuseHistoryuseMemouseReducerhooksHoC