Та же проблема скрытия маршрута - PullRequest
Новая
       34

Та же проблема скрытия маршрута

0 голосов
/ 28 декабря 2018

У меня есть два разных компонента, которые разрываются друг под другом в моем приложении, потому что у них одинаковый начальный маршрут.Мой текущий поток приложений переходит из компонента «Бронирование во время» с помощью этого: 

<Link to={'/booking/' + this.props.booking.getURLName()} >

Как сделать так, чтобы компонент «Бронирование» исчез при появлении компонента «Время»? 

<Router history={history}>
    <div>
        <IndexRoute exact path="/" component={Home} />
        <Route path='/booking' render={(props) => <Booking {...props} details={details} />}/>
        <Route path='/booking/:name' render={(props) => <Time {...props} details={details} />}/>
    </div>
</Router>

class Booking extends Component {

    render() {
        return (
            <Col>
                <Link to={'/booking/' + this.props.booking.getURLName()} >
                    <div>
                        // Booking details here
                    </div>
                </Link>
            </Col>
        );
    }
}

1 Ответ

0 голосов
/ 28 декабря 2018

Использовать переключатель от домена реакции маршрутизатора. 

<Switch history={history}>
<div>
    <IndexRoute exact path="/" component={Home} />
    <Route path='/booking' render={(props) => <Booking {...props} details={details} />}/>
    <Route path='/booking/:name' render={(props) => <Time {...props} details={details} />}/>
</div>
</Switch>
...