反応ルータのurlからparamを取得

Question

私はURLからIDを取得するために 'ダーティ'分割を行っています。私は私が私のルート

<Route exact path='/admin/ad/:id/edit' component={createTodoComponent} /> 

の1のために、この

this.__isEdit = (this.props.history.location.pathname.indexOf('edit') > -1) 

const pathnameArr = this.props.history.location.pathname.split('/') 
this.__todoId = pathnameArr[pathnameArr.length - 2] //get second last arr 

のような何かをした、ルータをどのように反応するか利用するためにはわからない。とにかく、私はそれを、コードを向上させることができますか？

Answer 1

ですから、コンポーネントあなたからwithRouter方法でそれをラップする必要がありますは「反応-ルータ-DOMは」あなたがthis.props

import { withRouter } from 'react-router-dom' 

const component = ({match}) => { 
    const id = match.params.id 

    return (
     <span>{id}</span> 
    ) 
} 

export default withRouter(component) 

からのparamsのいずれかを取得したりしたい場合はすることができますReactコンポーネントクラスでそれを行うには

import { withRouter } from 'react-router-dom' 

class NewComponent extends Component { 
    render() { 
     const {match} = this.props 
     const id = match.params.id 

     return (
      <span>{id}</span> 
     ) 
    } 
} 

export default withRouter(NewComponent) 

Answer 2

リアクションルータのパラメータは、接続されたコンポーネント内のthis.props.paramsで利用できます。