Reactjs React替代转换到React路由器dom 4.1.1功能转换

我在玩react路由器dom alpha，“Transitiono”是一种可用的路由更改方法。这似乎从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
}

goToRoute（事件）{
event.preventDefault（）；
this.context.router.transitiono（`route/${this.storeInput.value}`）
}
render（）{
返回(
this.goToRoute（e）}>
请输入您的姓名
{this.storeInput=input}}/>
走吧
)
}
ComponentName.contextTypes={
路由器：React.PropTypes.object
}

来自@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
}

goToRoute（事件）{
event.preventDefault（）；
this.props.history.push（`route/${this.storeInput.value}`）
}
render（）{
返回(
this.goToRoute（e）}>
请输入您的姓名
{this.storeInput=input}}/>
走吧
)
}
ComponentName.contextTypes={
路由器：React.PropTypes.object
}

来自@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
}

goToRoute（事件）{
event.preventDefault（）；
this.props.history.push（`route/${this.storeInput.value}`）
}
render（）{
返回(
this.goToRoute（e）}>
请输入您的姓名
{this.storeInput=input}}/>
走吧
)
}
ComponentName.contextTypes={
路由器：React.PropTypes.object
}

看看这个答案，我想这就是你要找的。看看这个答案，我想这就是你要找的