小编Jay*_*yDi的帖子

如果用户未登录且未设置令牌，我想重定向到反应中的另一个页面。为此，我尝试使用react-router-dom版本：6.0.2中的导航选项，就像旧的重定向选项一样。但我收到错误：[Navigate] 不是组件。的所有子组件必须是 a 或 <React.Fragment>。

import "./App.css";
import { BrowserRouter, Route, Routes, Navigate } from "react-router-dom";

import AuthPage from "./pages/Auth";
import CompetitionPage from "./pages/Competitions";
import ConditionsPage from "./pages/Conditions";
import JudgesPage from "./pages/Judges";
import StartPage from "./pages/Start";
import WinnersPage from "./pages/Winners";
import AuthContext from "./context/auth-context";
import SubmissionPage from "./pages/Submission";

import MainNavigation from "./components/navigation/MainNavigation.js";
import React, { Component } from "react";

class App extends Component {
  state = {
    token: null,
    userId: null,
  };

  login = (token, userId, tokenExpiration) => {
    this.setState({ …