React-Router отправить пользователя на другой маршрут

Question

Предположим, пользователь должен ввести текст в поле, и если текст соответствует определенному шаблону, я отправляю его на другой маршрут. Как мне это сделать?

Я пытался сделать:

import React from 'react'; 
import { Navigation } from 'react-router'; 

React.createClass({ 
    mixins: [Navigation], 
    handleChange() { 
    if(...) { 
     this.transitionTo('someRoute', {id: 10}); 
    } 
    }, 
    render() { 
    <input ... onChange={this.handleChange} > 
    } 
}); 

Однако, я получаю сообщение об ошибке:

Uncaught TypeError: this.transitionTo is not a function 

Я не могу найти что-либо четкой в ​​документации, и пример выше, взято из a random link I found while Googling. Что мне не хватает/неправильно? Я использую react-router v1.0.3

Answer 1

Какая версия реагирующего маршрутизатора вы используете?

Миксины были более или менее заброшены реакцией. В response-router 1.0.0 в идеале, как вы должны выполнить перенаправление, используйте history.pushState.

Команда rackt также недавно выпустила версию rc для 2.0.0. Похоже, теперь вам нужно вручную включить историю в свой экземпляр маршрутизатора, но она не слишком отличается. Check out the upgrade guide