React Router 사용법

Kihan Gim·2020년 1월 16일
0

Router usage

1.Like component usage

스크린샷, 2020-01-16 14-44-23.png

스크린샷, 2020-01-16 14-45-30.png

2.withRouter HOC로 구현하는 방법

스크린샷, 2020-01-16 14-44-23.png

스크린샷, 2020-01-16 14-44-41.png

스크린샷, 2020-01-16 14-45-06.png

Link를 사용하지 않고, 요소에 onClick 이벤트를 달아서 이동하고 싶은 곳으로 넘기는 방법으로 위의 라는 event handler에서 구현한 것처럼 this.props의 history에 접근해서 이동.

  • 받은 history의 push 메서드에 이동할 path를 인자로 넘겨주면, 해당 라우트로 이동 가능.
profile
코린이

0개의 댓글