У меня есть React Router, который выглядит так:
<Switch>
<Route exact path = "/" render = {() => <DashboardView {...dashboardViewProps} />} />
<Route path = "/blocks" render = {() => <BlocksView {...blocksViewProps} />} />
<Route path = "/chaincodes" render = {() => <ChaincodeView {...chaincodeViewProps} />} />
<Route path = "/channels" render = {() => <ChannelsView {...channelsViewProps} />} />
<Route path = "/network" render = {() => <NetworkView {...networkViewProps} />} />
</Switch>
Я хочу добавить такой новый маршрут:
<Route path = "/transactions/:txId" render = {() => <TransactionsView {...transactionsViewProps} />} />
Как я мог передать txId конструктору TransactionView, который теперь выглядит так:
constructor(props) {
super(props);
}
Спасибо



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


txId доступен компоненту маршрутизатора через свойства маршрутизатора, и когда вы визуализируете компонент через render props, вам необходимо передать свойства маршрутизатора компоненту.
<Route path = "/transactions/:txId" render = {(routerProps) => <TransactionsView {...transactionsViewProps} {...routerProps}/>} />
а затем в компоненте вы можете получить это как
constructor(props) {
super(props);
this.txId = props.match.params.txId
}