>  기사  >  웹 프론트엔드  >  라우팅 점프를 제어하는 ​​반응 라우터 JS에 대한 예제 튜토리얼 요약

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

零下一度
零下一度원래의
2018-05-15 11:31:422537검색

이 글에서는 주로 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 &#39;react-router&#39;

// ...
 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.