react组件实现购物车全选单选，利用勾选元素的checked属性，通过主动添加checked属性

20220730_132315

  state = {
    data: [
      { id: 1, desc: '西瓜' },
      { id: 2, desc: '小脚' },
      { id: 3, desc: '苹果' },
    ]

  }
  //初始状态
  status = true
  checkNum = 0
  Check = React.createRef()
  checkedAll = e => {
  
    if (this.status) {
      const { data } = this.state
      //相当于给数组里面都加了一个自定义属性checked
      data.forEach(g => g.checked = e.target.checked)
      if (e.target.checked) {
        this.checkNum = data.length
      } else {
        this.checkNum = 0
      }
      this.setState({
        data
      })
    }

  }
  //第二个参数其实就是当前元素
  checkedChange = (e, a) => {
    const { data } = this.state

    a.checked = e.target.checked
    if (