ホームページ  >  記事  >  ウェブフロントエンド  >  React-router が JavaScript スキルでジャンプ値の転送を実装する方法の例

React-router が JavaScript スキルでジャンプ値の転送を実装する方法の例

黄舟
黄舟オリジナル
2017-05-28 10:31:381537ブラウズ

この記事では、ジャンプ 値転送 を実装するための react ルーターに関する関連情報を主に紹介します。この記事では、誰にとっても一定の参照と学習価値がある詳細なサンプル コードを提供します。必要な方は以下を参照してください。一緒に。

前書き

この記事では主に、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)

概要

以上がReact-router が JavaScript スキルでジャンプ値の転送を実装する方法の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。