是否有可能通过其包装div处理包装组件的道具回调函数？

Question

假设我有组件FilterItem为

export const FilterItem = (props: Props) => {
  const { value, action, checked, label, index } = props;
  return (
    <label
      className={classnames(styles.filterItemLabel)}
    >
      <Checkbox
        className={ classnames(styles.filterItemInput) }
        checked={ checked }
        onChange={ () => action(value, index) }
      />
      { label }
    </label>
  );
};

和Checkbox组件为：

export const Checkbox = (props: Props) => {
  const { checked, onChange, className, disabled } = props;
  return (
    <span className={styles['checkboxWrapper']}>
      <input
        style={{ display: 'none' }}
        type="checkbox"
        checked={checked}
        onChange={onChange}
        disabled={disabled}
      />
    </span>
  );
};

我的问题是，是否可以将FilterItem组件编写为：将标签内的onChange函数作为props。对于我的情况，它仍然有效。不知道原因。是否特定于React。