2016-01-25 2 views
0

Как говорится в названии, у меня есть таблица. Если я нажму на td, я бы хотел перенаправить пользователя на определенный URL-адрес.Как запустить маршрут вручную с помощью React router?

Теперь мне нужно передать объект компоненту, который будет отображаться.

  • Как передать реквизит компоненту динамически?
  • Как я могу вручную запустить маршрут?

I'm on React 0.14.6 и реактивный маршрутизатор 1.0.3.

Моего конфиг довольно прост:

<Provider store={store}> 
    <Router> 
     <Route path='/' component={App}> 
     <IndexRoute component={SearchCustomer}/> 
     <Route path='customerOverview/:props' component={CustomerOverview}/> 
     </Route> 
    </Router> 
    </Provider> 

customerOverview должен быть запущен OnClick с реквизитом разбираемых на componentn.

+0

Вы пытались использовать * Ссылка на = {ваш url} *? [Источник] (https://github.com/rackt/react-router) –

ответ

2

Сдал реквизита можно получить из this.props.route:

this.prop.route.yourCustomProp 

Вы можете программно перейти на новый маршрут с this.props.history использованием обычных методов API истории как pushState и replaceState:

this.props.history.pushState(null, '/login') 

Для DOM ссылок используйте Link согласно документам.