Javascript 在ReactJS中，我可以将自动身份验证代码放在哪里？

我正在使用ReactJS、redux和ReactRouter。我正在使用localStorage自动登录用户。我的App.js如下所示：

`      <Router>
          <Provider store={store}>
            <div className="App">
              <Route path="/" component={NavBar} />
              <Route exact path="/" component={Home} />
              <Route exact path="/list" component={RoadmapList} />
              <Route path="/roadmap" component={OneRoadmap} />
              <Route path="/search" component={Search} />
              <Route exact path="/add" component={RoadmapAdder} />
              <Route exact path="/register" component={Register} />
              <Route exact path="/login" component={Login} />
              <Route
                exact
                path="/savedRoadmaps"
                component={SavedRoadmapsView}
              />
              <Route path="/profile" component={AuthorProfile} />
              <Route exact path="/account/edit" component={Profile} />
            </div>
          </Provider>
        </Router>`

它似乎不起作用。可能是loginUser是一个redux操作，不能在提供者之外使用吗？你对此有何见解？提前谢谢

 `  async componentDidMount() {

    var email = localStorage.getItem("email");
    var password = localStorage.getItem("password");
    var userData = { email: email, password: password };
    await loginUser(userData);

  }`