Как установить несколько флажков в reactjs?

Question

Проблема в том, что мне нужно передать массив объектов, я не могу получить принятые данные. Мои принятые данные будут в этом формате. Тем не менее, пользователь может удалить с помощью непроверенного.

 {

    notification : {group:["can_view","can_create", "can_delete","can_update","can_upload","can_download"],
    topGroup:["can_view","can_create", "can_delete","can_update","can_upload","can_download"}
    }

  handleAllChecked = (id, role, data) => event => {
    let fruites = this.state.fruites;
    fruites
      .filter(f => f.groupId === id)
      .forEach(fruite => {
        if (event.target.checked === true) {
          fruite.isChecked = event.target.checked;

          console.log(data);
        } else {
          fruite.isChecked = false;
        }
      });

    this.setState({ fruites: fruites });
  };

вот мой кодсанбокс, вы можете легко понять, https://codesandbox.io/s/fragrant-http-v35lf