我希望你們都很好。我有個問題。我還沒反應過來。我有 87 臺設備。而這些設備各有特點。在資料庫(MYSQL)中,我用 id 將它們全部分開。當我從 React 的下拉串列中選擇時(例如,X 設備),我希望相關表單出現。但我不知道該怎么做。有人有例子或指南嗎?這就像制作 87 個組件把事情搞砸了。必須有一個簡單的方法。謝謝你。
子組件,是的,react-hooks-form
uj5u.com熱心網友回復:
所以在 React 中做任何事情之前,你應該創建一個帶有端點的 rest API,你可以從你的 React 應用程式呼叫它來查詢你的 MySQL 資料庫中的資料(使用 express 或 fastify 來快速完成)。
因為,您根本無法從 Web 客戶端查詢資料庫(出于安全目的)
然后,在 React 中獲取資料后,您可以創建一個名為deviceCardinstance 的通用組件。
然后,您將能夠通過 a 遍歷您的設備陣列map并創建您的新實體deviceCard
{devices !== null && devices.map(device => {
return (
<div key={device.id}>
<deviceCard device={device}/>
</div>
)
})}
我在這里做了完整的例子:https ://github.com/ValentinM27/fox-pro/blob/main/frontend/src/components/enterprises/consult.component.jsx
因此,您創建一個狀態,然后獲取資料并存盤在該狀態中(devices在我的示例中),然后在您的“HTML”部分中根據您的狀態變數創建一個地圖。
現在你確定你正確地查詢了你的資料,你可以在你的地圖中創建一個下拉串列而不是通用組件。
希望對你有幫助,祝你好運
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/533217.html
