> 웹 프론트엔드 > JS 튜토리얼 > 반응 라우터가 JavaScript 기술에서 점프 값 전송을 구현하는 방법의 예

반응 라우터가 JavaScript 기술에서 점프 값 전송을 구현하는 방법의 예

黄舟
풀어 주다: 2017-05-28 10:31:38
원래의
1585명이 탐색했습니다.

이 글에서는 점프 값 전송을 구현하는 react-router에 대한 관련 정보를 주로 소개합니다. 이 글에서는 모든 사람을 위한 특정 참조 및 학습 가치가 있는 자세한 샘플 코드를 제공합니다. 함께.

머리말

이 글은 주로 React-Router 점프 값 전송에 대한 관련 내용을 소개하며, 참고 및 학습을 위해 공유합니다:

react- router 값 전달로 점프

1.패키지 소개

import {hashHistory} from ‘React-router'
로그인 후 복사

2.값 전달로 점프

 handleClick = (value) => {
  hashHistory.push({
   pathname: 'message/detailMessage',
   query: {
    title:value.title,
    time:value.time,
    text:value.text
   },
  })
 }
로그인 후 복사

3.값 받기

console.info(this.props.location.query.title)
console.info(this.props.location.query.time)
console.info(this.props.location.query.text)
로그인 후 복사

요약

위 내용은 반응 라우터가 JavaScript 기술에서 점프 값 전송을 구현하는 방법의 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿