我正在做我的第一個電子商務 MERN 堆疊專案，但我不知道如何制作將獲取搜索輸入并回傳匹配產品陣列的搜索組件
uj5u.com熱心網友回復：
如果你想讓它更快，你可以得到一個類似 Material UI 的圖形庫：https ://mui.com/
像這樣，您可以使用預先創建的組件，例如具有自動完成功能的組件：https ://mui.com/components/autocomplete/#search-input
你沒有告訴很多關于你的案例的細節，但要使用它，你必須配置一個路由，每當這個輸入發生變化時，你必須配置一個回傳研究輸入串列的路由（配置輸入部分的 onChange 函式每次有變化時請求串列）。
uj5u.com熱心網友回復：
添加搜索：
- 在應用程式中呈現您的搜索欄組件
- 添加您的 HTML 元素
- 添加帖子串列
- 根據您的搜索查詢過濾串列
- 添加即時搜索或“鍵入時搜索”
- 使用 React Router 添加 SPA 導航
- “鍵入時搜索”、SPA 導航和可訪問性問題
- 使用 React 測驗庫測驗你的組件
- 結論
如果您想更準確地了解，可以在以下網址查看和了解相關資料。 https://www.emgoto.com/react-search-bar/
最好的祝福。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/412076.html
標籤：