如何在 React JS 中使用 useState 在 state object 中將 object 的數組設置為空？

Question

如何在 React JS 中使用 useState 在 state object 中將 object 的數組設置為空。 我在更改下拉列表時有以下組件，我需要將 object 設置為空或從 state object 中刪除。

const FormComponent = () => {
  const [formValue, setFormValue] = useState({});
  
onChange = (value, field) => {
let value = {...formValue, value};
setFormValue(value);
}

  return (
 <>
// Form component goes here with input , dropdown. And having common onChange Method for all element
</>
)

}  

所以，我們有像管理員、用戶客戶端這樣的下拉選項。 當從下拉列表中選擇管理值時，formValue object 即將到來

formValue = {
 admin: [{
text: "admin"
}],
content: "",
type: "Admin"
}

現在，如果我將值從 admin 更改為“user”，則表單值顯示如下

 formValue = {
     admin: [{
    text: "admin"
    }],
    user: [{
    text: "user"
    }],
    content: "",
    type: "User"
    }

每當我將下拉列表值從管理員更改為用戶時，如何從 formValue Object 中刪除管理員 object 屬性/空數組 object。

只要下拉值具有管理員、用戶客戶端等屬性，它就應該存儲相應的屬性

Answer 1

只需將您的onChange function 更改為此

onChange = (value, field) => {
  setFormValue(value); 
}

以下語句的問題是它結合了formValue和value

let value = {...formValue, value}; // **value**