我正在嘗試在輸入更改時設定資料。我想復制整個物件并僅更改一個屬性，當我執行 name.first 時，它顯示錯誤',' expected.
<TextField
fullWidth={true}
variant="outlined"
className={classes.textField}
name="FirstName"
value={data ? data.name.first : ""}
onChange={(e) => {setData(Object.assign({}, data, {name.first : e.target.value}))}}
/>
uj5u.com熱心網友回復：
你可以嘗試一些速記
<TextField
fullWidth={true}
variant="outlined"
className={classes.textField}
name="FirstName"
value={data ? data.name.first : ""}
onChange={(e) =>
setData({ ...data, name: { ...data.name, first: e.target.value } })
}
/>
uj5u.com熱心網友回復：
嘗試{data}在 Object.assign()中添加這樣的資料
uj5u.com熱心網友回復：
您可以使用spread運算子
onChange={(e) => setData({ ...data, name: { ...data.name, first: e.target.value } })}
所以會是
<TextField
fullWidth
variant="outlined"
className={classes.textField}
name="FirstName"
value={data ? data.name.first : ""}
onChange={(e) => setData({ ...data, name: { ...data.name, first: e.target.value } })}
/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/425522.html
標籤：javascript 反应