Как узнать, что в данный момент выбрано? (Реагируют-маршрутизатор-дом)

Question

Как узнать, что в данный момент выбрано? (React-router-dom)

Существует компонент Auth. js, который должен выдавать SignUp или SignIn . Как узнать, что в данный момент выбрано?

<div className="auth">
    <div className="auth__intro">
        <h1>Auth:</h1>
    </div>
    <div className="auth__form-intro">
        <SignIn /> // or <SignUp /> 
    </div>
</div>

Как открыть регистрационную форму, когда я нажму "Регистрация"?

введите описание изображения здесь

Answer 1

Используя react-router-dom, вы бы использовали <Switch> для отображения другого компонента на основе URL и элементы <Link> для навигации между маршрутами. Вы можете увидеть пример здесь в их документации о том, как этого добиться.