javascript - reactjs中如何删除初始默认对象

Question

当我单击复选框时，我的输出应该是这种格式

{permission:{group:["1","2"]}}

如果我点击第二个，我的输出应该是这种格式

{permission:{group:["1","2"]},topgroup:["1"]}. 

目前，我通过使用初始状态看到两个这样的默认对象

{permission:{group:[]},topgroup:[]}.

我不需要像这样 {permission:{group:[]},topgroup:[]} 获得初始状态。我只想在用户单击复选框时添加数据。

如何删除初始状态？

  UNSAFE_componentWillMount() {
    this.setDefault(false);
  }

  setDefault = fill => {
    const temp = {};
    group.forEach(x => (temp[x] = fill ? groupItems : []));
    this.setState({ permission: temp });
  };

这是我的代码框： https ://codesandbox.io/s/stackoverflow-a-60764570-3982562-v1-um18k

标签： javascriptarraysreactjsobject