Почему реквизиты не принимаются по ссылкам в реагирующем роутере

Question

Мой маршрут в App.js

 <Route
        path="/BlogEdit/:blogId"
        handler={BlogEdit}
        component = {() => <BlogEdit editBlog={this.editBlog}/>}
    />

Моя ссылка в blog.js

 <Link to={`/BlogEdit/${this.blogId}`}>
        <a className="waves-effect waves-light btn">Edit</a>
    </Link>

А мой компонент, к которому я хочу получить доступ к blogId, -

 render() {

    console.log(this.props.match.params.blogId);     // this comes out undefined
    return (
      <div className = "Editor">
      <br/><br/>


      </div>
    );
  }
}

что мне делать?

Answer 1

Я наконец изменил свой маршрут на:

<Route
    path="/BlogEdit/:blogId"
    render={props => <BlogEdit {...props} editBlog={this.editBlog} />}
  />

И свою ссылку на:

<Link to={`/BlogEdit/${this.blogId}`}
    className="waves-effect waves-light btn">Edit
</Link>

И мой компонент на:

render() {
const { editorState } = this.state;
const {match: { params } } = this.props;
const { blogId } = params;
console.log(blogId);

return (
  <div className = "Editor">
  <br/><br/>


);
}

И это работаетсейчас:)