AntD Checkbox 的三种状态处理

• 对于单个 Checkbox 来说，只有两种值：选中 (checked) 或未选中 (unchecked) 。
• 但对于 Checkbox Group 来说，却有三种值：全选 (checked) 、部分选中 (indeterminate) 、未选中(unchecked)

AntD 对于Checkbox Group的实现如下

import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import 'antd/dist/antd.css';
import './index.css';
import { Checkbox } from 'antd';

const CheckboxGroup = Checkbox.Group;

const plainOptions = ['Apple', 'Pear', 'Orange'];
const defaultCheckedList = ['Apple', 'Orange'];

const App = () => {
  const [checkedList, setCheckedList] = useState(defaultCheckedList);
  const [indeterminate, setIndeterminate] = useState(true);
  <