我正在使用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
}

===============>>#1 票数:2 已采纳

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

  ask by imnothardcore translate from so

未解决问题?本站智能推荐: