React альтернатива transitionTo response-router-dom 4.1.1 transition in function

Я играл с response-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
}

reactjs react-router-dom
person imnothardcore    schedule 08.07.2017    source источник
comment
См. Этот ответ, я думаю, это то, что вы ищете stackoverflow.com/questions/44127739/   -  person Shubham Khatri    schedule 08.07.2017

Ответы (1)


arrow_upward
2
arrow_downward

Спасибо, что написал @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
}
person imnothardcore    schedule 10.07.2017