Я использую mobx v5 и пытаюсь использовать Link для перенаправления моей страницы на другую страницу с определенным идентификатором.Но я не могу получить {data.cluID} в компоненте detail.
Это страница для перенаправления на новый компонент.
<Link key={index} to={`/detail/${data.clubID}`}>
<Flex>
<div>
<ul>
//...
</ul>
</div>
<div>
</div>
</Flex>
</Link>
Это компонент detail, и я ввел хранилищев компонент.Я могу получить методы из своего магазина инъекций, но я не могу получить ${data.clubID}
.В реквизите есть только один элемент с именем clubMemberStore
.Кажется, что store уже перезаписал реквизиты.
import React from 'react'
import { inject, observer } from 'mobx-react'
import './clubDetail.css'
@inject('clubMemberStore') @observer
class ClubDetail extends React.Component {
constructor(props) {
console.log('props', props)
console.log('params', props.params)
console.log('match', props.match)
console.log('match', props.router)
super(props)
this.store = this.props.clubMemberStore
}
componentDidMount() {
this.store.getMemberDataList()
}
render() {
const { detailPageClubInfo } = this.props.clubMemberStore
return (
<div>
//...
</div>
)
}
}
export default ClubDetail
Кто-нибудь может научить меня, как получать значения, переданные по URL?Заранее спасибо.