我正在使用mobx v5,并且尝试使用链接将我的页面重定向到具有特定ID的另一个页面。但是我无法在详细信息组件中获取{data.cluID}。
这是重定向到新组件的页面。
<Link key={index} to={`/detail/${data.clubID}`}>
<Flex>
<div>
<ul>
//...
</ul>
</div>
<div>
</div>
</Flex>
</Link>
这是详细信息组件,我在该组件中注入了一个商店。我可以从注入的存储中获取方法,但是无法获取${data.clubID}
。在道具中,只有一个元素称为clubMemberStore
。看来商店已经覆盖了道具。
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传递的值?预先感谢。