CheolCheol Dev Note

부모 Postlist} /> const Postlist= (props: RouteComponentProps) =>{return( Postlist} /> /** Post 호출**/);}; const Post= (props: RouteComponentProps) =>{function goNextPost() {const nextPostId= +props.match.params.postId+ 1;props.history.push(`/posts/${nextPostId}`);}return(Post {props.match.params.postId}페이지 이동{new URLSearchParams(props.location.search).get('body')});}; switch 모듈 일반switch 문처럼비교 의pat..

Angular에서처럼Route를이용해서PathVariable을받을수있다. 이런식으로path에다가parameter를받을값을정해준다. 그래고RouteComponentProps를이요해제네릭에받을파라미터명을입력하고match를이용해파라미터를받는다const Post= (props: RouteComponentProps) =>{return(Post {props.match.params.postId});}; RouteComponentProps의 속성은 다음과 같다. history: H.History; 브라우저의 window.history객체와 비슷함, 주소를 임의로 변경 하거나 되돌아 갈 수 있다.주소를변경하더라도spa 동장방식에맞게페이지일부만리로드 location: H.Location; 브라우저의window.locati..