(Реагировать) Визуализация только одного дочернего элемента (из props.children) зависит от маршрута (location.pathname)

Question

Вот мои Switch:

<Switch>
    <Main>
      <Route exact path="/login" component={LoginForm} />
      <Route exact path="/register" component={RegisterForm} />
    </Main>
</Switch>

Компонент Main - это Обертка Детей:

class Main extends Component {
     render() {
        const { children } = this.props;

        return (
            ...
            {children}
            ...
        )
     }
}

Это вернет мне все мои (дочерние) компонентыкак LoginForm как RegisterForm

Так что мне нужно, чтобы только один компонент зависел от маршрута (props.location.pathname)

Какое в этом случае правильное решение?

Answer 1

Похоже, вам нужно поставить «точный» и для первого тега маршрута.Это решит проблему.Так как / / будет соответствовать всем маршрутам.Поэтому, чтобы сделать его конкретным, нужно указать точное значение и для первого маршрута.