reduxtlk (2) 썸네일형 리스트형 [TIL_포켓몬 도감_트러블슈팅(5)] 2/11 vercel로 배포! 1. 훅은 컴포넌트 안에서 사용하기!디테일 페이지에서도 포켓몬을 추가할 수 있게 하려고 하니기존에 사용하던 함수를 재사용하며 될 것 같았다그래서 컴포넌트 분리해서 사용했는데 이런 에러가 나왔다이 함수 안에 훅이 있기는한데 컴포넌트 분리하게 되면 다른 방식으로 호출해야하나 보다코드는 이러하다컴포넌트의 바디 안에서 호출해야하기 때문에저 함수를 호출하는 곳에서 인자로 redux 훅들을 인자로 넘겨줘야 한다이렇게 바꿔줬더니 원활히 작동한다!근데 기존의 함수를 그저 분리만 해준건데 무슨 차이가 있는걸까? 공식 문서에 따르면 js 함수에서 호출하지 말고 react 함수 컴포넌트에서 호출하라고 알려준다js 함수와 react 함수 컴포넌트의 차이는 jsx를 반환하냐 안하냐의 차이!즉, 위의 나의 코드는 jsx를 반환하.. [TIL_포켓몬 도감_트러블슈팅(5)] 2/10 Redux TLK로 리팩토링하기 1. TypeError아주 낯이 익은,,,에러이다myPokemons를 store에서 가져와서 넣어줬는데 제대로 값이 들어가지 않은 모양이다초반에 연결해주면서 에러 때문에 값을 확인할 수 없어서 일단 저렇게 넣어놨는데 이제 콘솔로 찍어보고 리턴값을 수정해주면 될 듯 하다콘솔로 확인해보니 이런 값이 나왔다그럼 저기서 list값까지 같이 리턴해주면 될 것이다에러는 사라졌고 myPokemos의 출력값은 이러하다의아한건 myPokemons에 값을 넣어주는 로직은 아직 수정하지 않아 초깃값인 빈 배열이 들어있고 빈 배열이 잘 출력이 됐는데나오지 않던 화면이 보이고 있는 것!즉, 나는 myPokemons를 수정했는데 pokemons가 해결된?것?같다?에러때문에 막혀있던게 풀려서 그런가보다왜냐하면 myPokemons만.. 이전 1 다음
