我是 React Router 的新手。這是我的應(yīng)用程序組件。StudentDetail組件包含轉(zhuǎn)到出勤頁(yè)面的鏈接。其作用是呈現(xiàn)出勤組件，但繼續(xù)在新選項(xiàng)卡中顯示StudentDetail的內(nèi)容。我想要什么：在新選項(xiàng)卡中僅呈現(xiàn)考勤組件？有沒(méi)有辦法做到這一點(diǎn)？提前致謝。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 };