我有一個使用material-ui v4 中的多選框的示例。
該示例包含兩個組件，第一個組件的默認值串列無法正常作業，第二個組件的字串串列作業正常。
問題：（第一個組件）當我打開 Select 組件時，默認值未被選中，當我單擊默認值時，它再次添??加到選擇框中，我多次獲得相同的值。
uj5u.com熱心網友回復：
使用相同的物件，例如更改。
const [personName, setPersonName] = React.useState([
{ _id: '1', name: 'Oliver Hansen' },
{ _id: '2', name: 'Van Henry' },
]);
到：
const [personName, setPersonName] = React.useState(names.slice(0,2));
我不記得以前用 materialUI 有必要這樣做，但它解決了您演示中的問題，所以也許我以前沒有遇到過。
uj5u.com熱心網友回復：
這是我嘗試過的 Array.reduce（淺拷貝）：
const namesCopy = names.reduce((newArray, element) => {
props.defaultList.map((item) => {
if (item._id === element._id) {
newArray.push(element);
}
});
return newArray;
}, []);
const [personName, setPersonName] = React.useState(namesCopy);
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/330786.html