reactjs - 子ルートに反応で親小道具を使用させる

Question

ユーザーがすべてのジョブを作成、編集、および表示できるジョブに関する詳細なサイトを備えた React アプリがあります。

ビューのすべてのジョブ テーブルから、ユーザーはパス jobs/:id にルーティングされる 1 つのジョブの詳細を確認できます。

<Link to={{ pathname: `/jobs/${props.id}` }}>View</Link>

このビューは、メインのジョブ コンポーネントから計算された多くのプロパティを再利用します。メインのジョブ コンポーネントからジョブ/:id パスに小道具を渡す方法はありますか?

私が考えることができる1つのオプションは、上記のリンクで提供することですが、ユーザーがURLにルートを直接入力すると機能しません.

メインの App.js ファイルでルートを定義しています

 <Router>
    <ResponsiveDrawer>
      <div className="App">
          <div>
            <Route exact path="/" component={Administrator} />
            <Route path="/admin" component={Administrator} />
            <Route exact path="/jobs" component={Jobs} />
            <Route path="/jobs/:id" render={({match}) => <ViewJob id={match.params.id} />} />
            <Route path="/reports" component={Reports} />
          </div>
      </div>
     </ResponsiveDrawer>
 </Router>