2

В методе render() хочу сделать проверку типа:

render() {
    return (    
        if ("/order")
            <div>Order</div>
        else
            <div>Not Order</div>
    )
}

Т.е. проверить, если url /order то выводить одно, иначе другое. Использую React Router.

Как это можно реализовать?

1 ответ 1

3

В четвертой версии каждый дочерний компонент Route получает и match в props. Ваша проверка может выглядить так:

if(props.match.path === '/order')
     ....  

Так же в объекте match есть атрибут url. В url /order отличий между ними не увидеть и url и path вернут одно и то же значение.
Но если url выглядит как /order/:id то path вернет значение записанное в Route, т.е /order/:id, а url вернет реальный url, к примеру /order/42

4
  • А если у меня "react-router": "2.4.0". Я поменял на "4.2.0", у меня все сломалось.
    – ks_on_v
    1 окт 2017 в 15:23
  • @ks_on_v конечо все сломается, 4я версия обратно не совместима. Посмотрите, что передается в props, объект location там должен быть 1 окт 2017 в 19:35
  • location - undefined. Там только Dispatch.
    – ks_on_v
    2 окт 2017 в 13:25
  • Помог вот этот пост stackoverflow.com/questions/42010053/…. this.props.location доступен в Route компонентах.
    – ks_on_v
    3 окт 2017 в 7:13

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.