反応ルーティングでパラメータを渡すいくつかの方法についての簡単な説明

<Link to='/home?name=dx'>ホーム</Link>

<リンク先={{
     パス名: 'about',
     州： {
      名前: 'dx'
     }
    }}>について</Link>

//簡潔で明確ですが、親コンポーネントからパラメータを受け取ることができません <Route path='/test' component={Test}></Route>

<Link to='/test'>テスト</Link>
<ルートパス='/test' レンダリング={(routeProps) => {
 //routePropsはルーティングコンポーネントによって渡されるパラメータ戻り値です（
     //元のルーティング コンポーネント パラメータの場合、親コンポーネントから子コンポーネントに渡されるパラメータのバインディングを展開します <Test {...routeProps} name='dx' age={18} />
     ）
 }}></ルート> 

'react' から React をインポートします。
'./backhome' から BackHome をインポートします。
デフォルトのクラスTestをエクスポートし、React.Componentを拡張します。
 与える （） {
  コンソールログ(this.props)
  戻る （
   <div>
    これはテストの内容です //ホームページに戻るボタンはルートタグを通じてレンダリングされないので、サブコンポーネントの this.props にはルートパラメータがありません <BackHome>ホームページに戻る</BackHome> 
   </div>
  ）
 }
}

'react' から React をインポートします。
//ルートをインポートする
'react-router-dom' から {withRouter} をインポートします。
クラス BackHome は React.Component を拡張します {
 ゴーホーム = () => {
  //withRouter を使用する場合、コンポーネントは this.props にルーティングパラメータとメソッドを持っている必要があります //そうでない場合はエラーが報告されます this.props.history.push({
   パス名: '/home',
   州： {
    name: 'dx' //同様に、state を通じてホームルートに対応するコンポーネントにパラメータを渡すこともできます}
  })
 }
 与える （） {
  戻る （
   <button onClick={this.goHome}>this.props.children</button>
  ）
 }
}
//エクスポート時に、withRouter タグを使用して backHome コンポーネントをパラメータとして渡します export default withRouter(BackHome)