Компонент перенаправления, вызывающий «Непринятое нарушение инварианта: превышена максимальная глубина обновления»

Question

Может кто-нибудь пролить свет на то, почему мой код возвращает Uncaught Invariant Violation: Maximum update depth exceeded.

export default () => {
  return (
    <BrowserRouter>
      <Switch>
        <Redirect from="/" to="/issues" />
        <Route exact path="/issues" component={IssueList} />
        <Route exact path="/issues/:id" component={IssueEdit} />
        <Route path="*" component={IssueNotFound} />
      </Switch>
    </BrowserRouter>
  );
};

Но когда я перемещаю компонент <Redirect from="/" to="/issues" /> вниз в списке маршрутов, ошибка исчезает, но функциональностьне тот, который желал.У меня есть setState в компоненте IssueList по методу componentDidMount.

Answer 1

вам нужно совпадение с точным <Redirect exact from="/" to="/issues" />

, если нет, настройка from="/" будет соответствовать каждому пути маршрута и перенаправлять его бесконечно.