튜토리얼을 확인하고 라우터와 관련된 작은 프로젝트를 진행했습니다. 현재 프로젝트에 로그인, 확인 및 홈 3 페이지가 있습니다. 모든 페이지에 다음과 같은 제출 버튼이 있습니다.
<button type="submit" onClick= {this.onSubmit()}>next page name</button>
로그인 및 확인 페이지에서 내 onSubmit 방법은 각각 다음과 같습니다.
this.props.history.push('/verify');
this.props.history.push('/home');
내 수입품입니다.
import {
BrowserRouter as Router,
Switch,
Route,
NavLink,
useRouteMatch} from "react-router-dom";
홈 페이지가 없을 때는 로그인 페이지에서 확인을위한 탐색이 매우 좋았습니다. 하지만 세 번째 페이지를 추가했을 때 ; "홈"페이지 에서 로그인 페이지 에서 제출 버튼을 클릭 하면 " 확인 "페이지를 건너 뛰고 " 홈 "페이지 로 직접 이동 합니다.
내가 어디로 잘못 가고 있는지 안내 해주세요! 감사!
버튼 코드를 다음과 같이 변경해야합니다.
<button type="submit" onClick= {()=>this.onSubmit()}>next page name</button>
또는 다음과 같이 :
<button type="submit" onClick= {this.onSubmit}>next page name</button>
onClick이 콜백 함수를 가져오고 대신 함수를 호출하기 때문입니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다