useReducer 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 (TIL11) React 함수형 컴포넌트_useReducer 상태관리를 해주는 Hooks 기능 중 하나!!! useReducer를 이용함으로써 상태값을 변경하는 로직을 다른 곳에서 처리할 수 있습니다! 또한, useReducer는 함수형 컴포넌트에서의 Redux를 어느정도 대신하는 역할을 한다고 합니다. 이전 포스팅에서 useState로 썼던 상태값을 useReducer로 써보겠습니다 useReducer 코드를 하나하나 분해해서 보면 변수명: useS... TILuseReducerReact함수형컴포넌트React [KDT]FCFE - 8주3일 React Practice HOC HOC = function(컴포넌트) { return 새로운 컴포넌트;} withRouter(컴포넌트) -> router에 의해 호출되지 않아도 match, location, history 에 접근할 수 있도록 한다. ( React.forwardRef 사용 ) inputRef = React.createRef(); mount 된 이후 참조되면 사용할 수 있다. Hooks & Contex... useStateHoCuseEffectuseHistoryuseMemouseReducerhooksHoC
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 (TIL11) React 함수형 컴포넌트_useReducer 상태관리를 해주는 Hooks 기능 중 하나!!! useReducer를 이용함으로써 상태값을 변경하는 로직을 다른 곳에서 처리할 수 있습니다! 또한, useReducer는 함수형 컴포넌트에서의 Redux를 어느정도 대신하는 역할을 한다고 합니다. 이전 포스팅에서 useState로 썼던 상태값을 useReducer로 써보겠습니다 useReducer 코드를 하나하나 분해해서 보면 변수명: useS... TILuseReducerReact함수형컴포넌트React [KDT]FCFE - 8주3일 React Practice HOC HOC = function(컴포넌트) { return 새로운 컴포넌트;} withRouter(컴포넌트) -> router에 의해 호출되지 않아도 match, location, history 에 접근할 수 있도록 한다. ( React.forwardRef 사용 ) inputRef = React.createRef(); mount 된 이후 참조되면 사용할 수 있다. Hooks & Contex... useStateHoCuseEffectuseHistoryuseMemouseReducerhooksHoC