Ограничить перенаправление условно при изменении параметров URL

Question

Я хочу ограничить доступ определенных пользователей к странице 'x', изменив URL-адрес на основе своих учетных данных для входа.Поэтому в настоящее время я могу идентифицировать этих пользователей, но хочу ограничить доступ к странице «х» только для них.Кроме того, если они пытаются ввести другие параметры, они должны быть перенаправлены на текущую страницу.

Пример :

Фактический URL www.stackoverflow.com

Измененный URL (ограничен) www.stackoverflow.com/x/

Пользователь должен быть перенаправлен на www.stackoverflow.com.

Я использую реагирующий маршрутизатор 4 Как мне поступить?

Answer 1

Просто протолкните другой маршрут в историю вашего маршрутизатора:

Пример, предполагающий, что конечная метка может содержать представление, доступное для некоторого пользователя, а некоторые другие пользователи вместо этого перенаправляются на основе ACL:

В маршрутизаторе (где я обычно размещаю условия ACL):

<Route exact path="/myRoute" render={(props) => <MyComponent {...props} mustRedirect={this.myBoolCondition()} />} />

В целевом MyComponent:

componentWillMount() {
    if (this.props.mustRedirect) {
      this.props.history.push('/');
    }
  }