如何检查localStorage中的token是否有效？

Question

我正在将 ReactJS 前端与 PHP 后端连接起来。登录时，我将 JWT 令牌保存在 localStorage 中，我有一些静态反应页面，我只想在用户登录时显示这些页面，我将它们包装在受保护的路由中。我知道当我们从后端 api 提取数据时，我们可以授权用户，但在这种情况下，我如何授权用户，如果用户添加了错误的令牌，静态页面仍然可以访问。 下面是我受保护路线的代码

 <Route
      {...rest}
      component={(props) => {
        const token = window.localStorage.getItem("token");
        if (token) {
          return <Component {...props} />;
        } else {
          return <Redirect to={"/"} />;
        }
      }}
    />