看起来你遇到的问题是Checkbox的onChange没触发，打不出"Test"，结合你用到了Checkbox.Group和自定义的QuestionCheckBox组件，我整理了几个最可能的原因和解决方案：

1. 错误地把onChange绑定在子复选框上（而非Checkbox.Group） #

如果你用了Checkbox.Group来管理一组复选框，那状态和事件应该绑定在Group组件上，而不是单个子复选框。因为Group会接管子复选框的选中状态，单独给子复选框加onChange通常不会生效。

修正后的代码示例：

const CheckboxGroup = Checkbox.Group;

// 在组件内
<CheckboxGroup 
  onChange={(selectedValues) => {
    console.log('选中的选项值：', selectedValues);
    console.log('Test'); // 这里就能正常打印了
  }}
>
  <QuestionCheckBox value="31">
    <FormattedMessage id="SE-196.PopUp6.Question.31" />
  </QuestionCheckBox>
  <QuestionCheckBox value="32">
    <FormattedMessage id="SE-196.PopUp6.Question.32" />
  </QuestionCheckBox>
</CheckboxGroup>

2. 自定义QuestionCheckBox组件未传递onChange等props #

如果QuestionCheckBox是你自己封装的组件，一定要确保把外部传入的onChange（以及其他需要的props）传递给底层的原生Checkbox组件，否则事件会被拦截。

错误封装示例（漏传props）： #

const QuestionCheckBox = ({ value, children }) => {
  // 这里没传递onChange，导致外部绑定的事件无效
  return <Checkbox value={value}>{children}</Checkbox>;
};

正确封装方式： #

// 方式1：解构传递必要props
const QuestionCheckBox = ({ value, onChange, children }) => {
  return <Checkbox value={value} onChange={onChange}>{children}</Checkbox>;
};

// 方式2：用扩展运算符传递所有props（更灵活）
const QuestionCheckBox = (props) => {
  return <Checkbox {...props}>{props.children}</Checkbox>;
};

3. 受控模式下状态更新逻辑异常 #

如果你给Checkbox.Group绑定了value（受控组件），要确保value的状态更新逻辑正确，否则可能出现选中状态不同步，看起来像是onChange没触发的情况。

示例：

import { useState } from 'react';

// 组件内定义状态
const [checkedItems, setCheckedItems] = useState([]);

// 渲染部分
<CheckboxGroup
  value={checkedItems}
  onChange={(newValues) => {
    setCheckedItems(newValues); // 必须更新状态
    console.log('Test');
  }}
>
  {/* 子复选框 */}
</CheckboxGroup>

先按照这几个方向排查，应该能解决你的问题~

内容的提问来源于stack exchange，提问作者Twitter khuong291