React中点击选择复选框时下面内容变化

React中点击选择复选框时其下面内容变化

选一个：

选一个：

都选：

都不选：

以上就是需求：

我刚开始判断还是不够严谨的，控制的时候没有写清楚，是因为MJ告诉我是怎么控制，又学到一招了啊
因为是复选框，就可以用*length*来进行判断呢

代码来啦：
这就是主要的逻辑呢：

handleCheck = (e) => {
      if(e.length === 0) {
          this.setState({
              flagPerson: false,  
              flag: false 
          })
      }else if(e.length === 1 && e.includes('火龙果')) {
          this.setState({
              flagPerson: false,