在mobx5中获取网址中的值

时间:2018-11-25 08:58:45

标签: javascript reactjs router mobx

我正在使用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传递的值?预先感谢。

0 个答案:

没有答案