我正在嘗試建立一個網站，您可以在其中注冊人員并將他們的資訊添加到資料庫中。然后，您可以在主頁上搜索這些人的姓名，它會根據姓名過濾結果。彈出的每個與搜索字串相似的名稱都將是來自 reactjs 的鏈接鉤子，它將帶你到一個路徑名為的頁面：
"/student_info_" element
并且在這個頁面上會有這個人的資訊。我在 App.js 上呈現頁面時遇到問題，因為它生成部分隨機的 url，而我在 App.js 中的代碼是：
return (
<div>
<Switch>
<Route path="/" exact>
<MainPage />
</Route>
<Route path="/register_student">
<RegisterPage />
</Route>
<Route path="/student_info_">
<StudentInfo />
</Route>
</Switch>
</div>
);
無論出于何種原因，這似乎都不起作用。我在學生資訊頁面中對此進行了測驗，我包括：
return (
<div className="btn-textfield">
{pathName}
</div>
);
當我在學生資訊頁面上時，它不會顯示任何資訊。我很確定問題出在 App.js 檢查 url 的路徑名并顯示正確的頁面中，但我不確定如何解決它。我感謝任何回應。
uj5u.com熱心網友回復：
我相信您正在尋找路線引數。
在App.js你可以這樣做：
<Route path="/student_info/:id">
<StudentInfo />
</Route>
然后在StudentInfo組件內部，您可以獲得:id當前路線的一部分，如下所示：
import { useParams } from "react-router-dom";
...
const { id } = useParams();
return (
<div className="btn-textfield">
{id}
</div>
);
如果您希望路徑看起來完全一樣/student_info_%ID%，您也可以使用相同的方法實作它并將路徑的整個部分視為:id.
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/330758.html
標籤：javascript 反应 服务器端渲染