이 글에서는 주로 react-router JS 제어 routingjump 인스턴스를 소개합니다. React는 React-Router를 직접 사용하여 라우팅을 구현할 수 있습니다. 관심 있는 분은 일반 사용자가 클릭하여 점프하는 데 사용되는
Link 구성 요소에 대해 알아볼 수 있지만 때로는 양식 점프 및 버튼 점프 클릭과 같은 작업도 필요합니다. 이러한 상황을 React Router와 어떻게 연결하나요?
아래는 양식입니다.
<form onSubmit={this.handleSubmit}> <input type="text" placeholder="userName"/> <input type="text" placeholder="repo"/> <button type="submit">Go</button> </form>
첫 번째 방법은 browserHistory.push
import { browserHistory } from 'react-router' // ... handleSubmit(event) { event.preventDefault() const userName = event.target.elements[0].value const repo = event.target.elements[1].value const path = `/repos/${userName}/${repo}` browserHistory.push(path) },
를 사용하는 것입니다. 두 번째 방법은 contextobject를 사용하는 것입니다.
아아아아위 내용은 라우팅 점프를 제어하는 반응 라우터 JS에 대한 예제 튜토리얼 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!