我是 React Router 的新手。這是我的應用程序組件。StudentDetail組件包含轉到出勤頁面的鏈接。其作用是呈現出勤組件，但繼續在新選項卡中顯示StudentDetail的內容。我想要什么：在新選項卡中僅呈現考勤組件？有沒有辦法做到這一點？提前致謝。import {  BrowserRouter as Router,  Route,  Switch,} from "react-router-dom";import "./App.css";import Attendance from "./Components/Attendance/Attendance";import StudentDetail from "./Components/StudentDetail/StudentDetail";export const StudentContext = createContext();const StudentData = {  name: "Faisal Rehman",  rollNo: "BCSF17M019",  courses: [    { courseName: "Computer Architecture", courseAttendance: "" },    {      courseName: "Enterprise Application Development",      courseAttendance: "",    },    { courseName: "Computer Vision", courseAttendance: "" },    { courseName: "Mobile Computing", courseAttendance: "" },  ],};function App() {  return (    <Router>      <div className="App">        <StudentContext.Provider value={StudentData}>          <StudentDetail />          <Switch>            <Route exact path="/attendance" component={Attendance} />          </Switch>        </StudentContext.Provider>      </div>    </Router>  );}export { App };