索引.jsximport React from "react";import ReactDOM from "react-dom";import { Route, Router, Switch } from "react-router-dom";import App from "./components/App.jsx";import SearchResults from "./components/SearchResults.jsx";import history from "./history.js";import SearchProvider from "./context/SearchContext.jsx";const routing = (  <Router history={history}>    <div>      <Switch>        <SearchProvider>          <Route path="/search" component={SearchResults} />          <Route exact path="/" component={App} />        </SearchProvider>      </Switch>    </div>  </Router>);ReactDOM.render(routing, document.getElementById("app"));應用程序.jsximport React, { useState } from "react";import styles from "../modules/app.module.css";import Search from "./Search.jsx";import { Link } from "react-router-dom";const App = (props) => {  return (    <div className={styles.appContainer}>      <div className={styles.title}>BGrules</div>      <Search />      <Link to="/search">        <button>Click me</button>      </Link>    </div>  );};export default App;搜索結果.jsximport React from "react";import styles from "../modules/searchResults.module.css";const SearchResults = (props) => {  return (    <div className={styles.resultContainer}>      <div className={styles.title}>Search Results</div>      <div className={styles.subTitle}>results for term:</div>    </div>  );};export default SearchResults;我遇到的問題是，當我在 url 中鍵入路由 /search 時，它會毫無問題地將我帶到正確的頁面，但是當我嘗試在我的 App 文件中使用 Link 或 Redirect 時，它會更改 url 但不會加載該組件（只是一個空白的白頁）我在控制臺中沒有收到任何錯誤。我不熟悉在這里提問，所以希望我以一種有意義的方式提問。提前致謝！