Reactjs 将数据传递给路由器中的子级

在我的Ionic/React应用程序中，我将此路由系统添加到我的页面

page.tsx

。在

page.tsx

中，应用程序从服务器接收数据（通过webSocket连接）。我想将这些数据（或其中的一部分）传递到组件。 我有没有一种方法可以向组件添加道具，或者用另一种方法将数据传递给组件

<IonReactRouter>
  <Route path="/Widgets" component={Widgets} exact />
  <Route path="/Settings" component={Settings} exact />
  <Route path="/Checklists" component={Checklists} exact />
</IonReactRouter>

谢谢你的帮助

}
<Route
  path='/Checklists'
  render={(props) => < Checklists {...props} isAuthed={true} />}
/>

/>

---

这里有一些文档和视频-

两天内保存了两次！太神了非常感谢你！