如果我的資料來自 api 的這種結構：
{
title: "Title",
id: 1,
description: "example desc"
}
我將什么作為初始值傳遞給狀態物件？IE
interface ObjectData {
title: string,
id: number,
description: string
}
const [fetchData, setFetchData] = React.useState<ObjectData>(?// here);
uj5u.com熱心網友回復：
我認為你可以這樣做：
{
title: "Title",
id: 1,
description: "example desc"
}
const [fetchData, setFetchData] = React.useState({title, id, description});
從這里抓取： 在 React.useState 中保存物件
uj5u.com熱心網友回復：
如果您有一個默認值要設定（可能是一個模擬），那么您可以設定該型別的物件ObjectData。
例如
const defaultData: ObjectData = {
title: 'x',
id: -1,
description: 'xyz',
};
...
const [fetchData, setFetchData] = React.useState<ObjectData>(defaultData);
否則，如果您沒有默認資料，并且稍后將通過異步 API 獲取資料，則將其留空。的型別fetchData將自動為fetchData: ObjectData|undefined
const [fetchData, setFetchData] = React.useState<ObjectData>();
或者，您可以將空物件顯式轉換為 ObjectData
const [fetchData, setFetchData] = React.useState<ObjectData>({} as ObjectData);
如果我稍后會獲取資料，我會將默認值留空。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/329671.html