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

この記事では、ジャンプ 値転送 を実装するための 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 サイトの他の関連記事を参照してください。