reactantへのリアクションの代わりにreact-router-dom 4.1.1 transitioningで関数

Question

私はreact-router-domアルファで遊んでいました。そして、 'transitionTo'はルート変更のための利用可能な方法でした。これは4.1.1から削除されたようですが、これについての最良の方法が何であるか不思議です。私は入力に入力されたものを捕捉し、それを動的経路の一部として使用しようとしています。私のコンポーネントの中の関連するコードは以下の通りです。

goToRoute(event) { 
      event.preventDefault(); 
      this.context.router.transitionTo(`route/${this.storeInput.value}`) 
     } 

    render() { 
    return (
     <form onSubmit={(e) => this.goToRoute(e)}> 
     <h2>Please Enter Name</h2> 
     <input type="text" required placeholder="Enter Name" ref={(input) => {this.storeInput = input } } /> 
     <button type="submit">Lets Go</button> 
     </form> 
    ) 
} 

ComponentName.contextTypes = { 
    router: React.PropTypes.object 
} 

Answer 1

@Shubhamが投稿した、感謝！

goToRoute(event) { 
      event.preventDefault(); 
      this.props.history.push(`route/${this.storeInput.value}`) 
     } 

    render() { 
    return (
     <form onSubmit={(e) => this.goToRoute(e)}> 
     <h2>Please Enter Name</h2> 
     <input type="text" required placeholder="Enter Name" ref={(input) => {this.storeInput = input } } /> 
     <button type="submit">Lets Go</button> 
     </form> 
    ) 
} 

ComponentName.contextTypes = { 
    router: React.PropTypes.object 
}