antd-mobile-taro-ui/es/components/checkbox/group.js

以antd-mobile为设计标准，基于taro框架的微信小程序组件库

import React from 'react';
import { usePropsValue } from 'antd-mobile/es/utils/use-props-value';
import { mergeProps } from 'antd-mobile/es/utils/with-default-props';
import { CheckboxGroupContext } from './group-context';
const defaultProps = {
  disabled: false,
  defaultValue: []
};
export const Group = p => {
  const props = mergeProps(defaultProps, p);
  const [value, setValue] = usePropsValue(props);
  return React.createElement(CheckboxGroupContext.Provider, {
    value: {
      value,
      disabled: props.disabled,
      check: v => {
        setValue([...value, v]);
      },
      uncheck: v => {
        setValue(value.filter(item => item !== v));
      }
    }
  }, props.children);
};