React替代transitionTo react-router-dom 4.1.1 transition in function

Question

我正在玩 react-router-dom alpha，'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
}

React替代transitionTo react-router-dom 4.1.1 transition in function

React alternative to transitionTo react-router-dom 4.1.1 transition in function

reactjs

react-router-dom