반응형
next.js + 리액션 이전 페이지로 돌아가기
나는 next.js를 사용한다.버튼을 다시 구현하고 이전 페이지로 돌아가는 방법브라우저의 버튼과 마찬가지로편집: 이 답변이 처음 게시된 지 2년 후, 라우터 방법은 이제 잘 문서화되었다.다음은 설명서에서 직접 설명한 코드:
import { useRouter } from 'next/router' export default function Page() { const router = useRouter() return <span onClick={() => router.back()}>Click here to go back</span> }
원본 답변:
문서화되지 않은 것이 있다.
Router.back
그냥 하는 방법(출처 참조)
window.history.back()
그런 구성 요소가 있어야 한다.
import Router from 'next/router' export default function BackButton() { return ( <div onClick={() => Router.back()}>Go Back</div> ) }
참조URL: https://stackoverflow.com/questions/51843119/next-js-react-go-back-to-the-previous-page
반응형
'IT이야기' 카테고리의 다른 글
반응 / JSX 동적 구성 요소 이름 (0) | 2022.03.05 |
---|---|
어떤 상황에서 "필수" 구문보다 v-text를 선택하겠는가? (0) | 2022.03.05 |
키보드 수신기를 on 핸들러에 추가하는 방법클릭? (0) | 2022.03.05 |
스타일 구성요소의 조건부 렌더링 (0) | 2022.03.05 |
DB테이블, 컬럼, 상수, 변수 등 약어 모음 (0) | 2021.11.28 |