개발 프로젝트/[리액트] 게시판 만들기(10)
-
onClick 함수 Cannot read property 'push' of undefined에러
버튼에 onClick함수를 심어 history.push로 페이지 이동을 하려는데 대체 왜 이렇게 계속 에러가나는것인가😩 이럴땐 라우터가 잘 import, export됐는지 확인한다. import { withRouter } from 'react-router-dom'; export default withRouter(QnA);
2021.04.15 -
게시글 번호에 맞는 세부페이지 불러오기
게시글 번호에 맞게 디테일 페이지를 불러올거니까 :no을 추가해준다. history.push해둔 곳에도 +no를 추가해준다. 디테일 페이지에서 parseInt를사용해 스트링으로 넘어온 no을 int로 바꿔준다. int로 바뀌어진 no을 사용해 contents_list의 인덱스를 찾는다. 글번호 2번을 클릭해보면 url도 내용도 잘 들어오는 것을 확인 할 수있다🤓
2021.04.15 -
리덕스 모듈, 스토어 생성
[post.js] 스토어 생성 [configStore.js]
2021.04.15 -
history.push 사용해서 뒤로 돌아가기
[Detail.js] 돌아가기 버튼을 누르면 메인 페이지로 이동하게 만들었다. [QnA.js]에서 글을 클릭하면 [Detail.js]로 넘어가도록 만들기 yarn add react-router-dom 후 [index.js]에서 연결하고,, [QnA.js]에서 불러와준다.
2021.04.14 -
라우팅 처리하기
yarn add react-router-dom 1. index.js에서 import 2. App.js와 세부 페이지 연결
2021.04.14