我正在從一個API中獲取資料，并想知道如何在輸入欄位中設定獲取的日期。這似乎是一個絕對初級的問題，無論如何，請幫助我。
以下是我的代碼：
export default function Consumerdetails（） {
const [consumer, getConsumer] = useState（[]）。
useEffect(() => {
httpClient(url `/api/consumers`) 。 then((res) => {
console.log('Success:'/span>, res)
})
.catch(err => {
console.log('An error occurred:', err.res)
});
});
return (
<div>
<TextField
required
id="oldested"
label="User Name"/span>
變數="概述"/span>
name="用戶名"
value={consumer.username} onChange={getConsumer}
/>
<TextField
required
id="oldested"
label="Phone Number"
變數="概述"。
name="phone"/span>
value={consumer.phone} onChange={getConsumer}
/>
</div>>。
})
uj5u.com熱心網友回復：
useEffect(() =>/span> {
httpClient(url `/api/consumers`) 。 then((res) =>/span> {
getConsumer(res.data) // you store the data.
})
.catch(err => {
console.log(err)
});
},[]);
檢查它是否適用于你
。uj5u.com熱心網友回復：
你可以像這樣設定API回應資料
export default function Consumerdetails（） {
const [consumer, setConsumer] = useState（[]）。
//假的json資料。
const data = {
username: "xyz",
mobile: "123456789",
};
useEffect(() => {
//你的api資料。
setConsumer（資料）。
}, []);
const onChange = (event) => {
//此處設定變化值。
setConsumer（event.target.value）。
};
return (
<div>
<TextField
required
id="oldested"
label="User Name"/span>
變數="概述"/span>
name="用戶名"
value={consumer.username}>
onChange={onChange}。
/>
<TextField
required
id="oldested"
label="Phone Number"
變數="概述"。
name="phone"/span>
value={consumer.mobile}>
onChange={onChange}。
/>
</div>/span>
);
}
uj5u.com熱心網友回復：
你可以將api回應分配給狀態，并將狀態分配給輸入欄位。
。export default function Consumerdetails（） {
const [consumer, getConsumer] = useState（{}）。
useEffect(() => {
httpClient(url `/api/consumers`)
.then(res => res.json()
.then((data) => {
setConsumer（data）。
})
)
.catch(err => {
console.log('An error occurred:', err.res)
});
},[]);
return (
<div>
<TextField
required
id="oldested"
label="User Name"/span>
變數="概述"/span>
name="用戶名"
value={consumer? .username} onChange={getConsumer}
/>
<TextField
required
id="oldested"
label="Phone Number"
變數="概述"。
name="phone"/span>
value={consumer?.phone} onChange={getConsumer}
/>
</div>/span>
})轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/334288.html
標籤：
上一篇：回圈與獲取-React