라우팅 점프를 제어하는 ​​반응 라우터 JS에 대한 예제 튜토리얼 요약

이 글에서는 주로 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!