오류로그

정상적으로 코딩을 했음에도 불구하고 Link가 동작하지 않았다. 정확히는 url은 바뀌는데 컴포넌트가 바뀌지 않았다. 이를 영어로 번역하여 질문한 결과 아래와 같은 해결책을 찾을 수 있었다. 두 시간의 고생이 한 번에 사라지고 말았다. 결국 index.tsx에 있는 Strict Mode가 문제였다.. 지우니 잘 동작한다.. withRouter()라는 해결방법도 있는 것 같다. 나는 withRouter()를 적용하지는 않았다. https://stackoverflow.com/questions/43351752/react-router-changes-url-but-not-view

마법이라는 단어를 들먹이는 걸 보니 실력이 아직은 부족하다는 뜻이다. 타입스크립트를 이용하니 props을 전달할 때 아래와 같은 타입스크립트의 오류메세지들을 많이 만날 수 있었다. Binding element "something" implicity has an any type 내가 듣는 리액트 강의에서 interface를 통해 해결했던 것 같은데 나는 그게 잘 안되어서 any를 붙여줘서 해결하고 있다. 미래의 나에게 질문하고 싶다. 굳이 타입을 props에 명시해줘서 얻는 효과가 무엇인지 그리고 어떻게 이것을 능숙하게 코딩할 수 있는지

저 ReviewList 안에서 items.map과 같이 하면 동작을 안함. console.log()로 찍어보니 배열이 잘 넘어오긴 했는데 내가 실수한 부분이 있나? state로 만들고 내려주니 동작이 된다.. 내가 바로 import 한 값을 내려줘서 문제가 생긴 것인가?

어느날 코딩을 하다가 다음과 같은 오류를 마주하게 되었다. 위 오류의 원인은 값이 undefined가 됐기 때문이라고 나와있다. console.log로 input의 value가 참조하는 state들을 출력했다. undefined가 된 걸 알 수 있다. 원인은 참조형(title,rating,content를 가지는 객체)인 data에서 setData()를 위와 같이 작성해서 생기는 문제이다. 위와 같이 바꿔주어 해결을 하였다. 참고로 위같이 해주어도 된다. data가 이전의 값으로 새로운 값을 만드는 것이기에 콜백함수로 해준다고 배웠다.