我正在嘗試options在 Firestore 中更新這些：
在此處輸入影像描述
對于編輯category，它確實成功地更新了它。但是對于options陣列，這是它顯示的錯誤：
未捕獲的型別錯誤：選項不是函式
const [category, setCategory] = useState([]);
//useEffect to get all of the categories
const [options, setOptions] = useState([]);
const [edit, setEdit] = useState();
const handleSubmit = async (e) => {
e.preventDefault();
const ref = doc(db, "category", state);
await updateDoc(ref, {
category: edit,
});
console.log("updated");
};
形式
我正在使用 adefaultValue來顯示從 Firestore 保存的初始值。
{category &&
category.map((category, index) => (
<form onSubmit={handleSubmit}>
<TextField
defaultValue={category.cat}
type="text"
value={categoryEdit}
fullWidth
onChange={(e) => setCategoryEdit(e.target.value)}
/>
{category.options.map((i) => (
<TextField
type="text"
defaultValue={i}
variant="outlined"
fullWidth
value={options(i)}
onChange={(e) => setOptions(e.target.value(i))}
/>
))}
</>
)}
<Button type="submit">Submit</Button>
</form>
))}
uj5u.com熱心網友回復：
這與更新 Firestore 無關。
options是一個陣列，但您在這里使用括號將其稱為函式：
value={options(i)}
如果要索引到陣列，請使用方括號，而不是括號。
value={options[i]}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/428955.html
標籤：javascript 反应 火力基地 谷歌云火库