所以我发现这个问题已经过去了几个小时，而且每分钟都变得越来越奇怪。主要问题是我无法使 onChange 事件在 ToggleButtonGroup 上工作。

我的代码：

class ToggleButtonGroupControlled extends React.Component {                                                                                                                                  
    constructor(props, context) {                                                                                                                                     
        super(props, context);                                                                                                                                        

        this.state = {                                                                                                                                                
            value: [1, 3],                                                                                                                                            
        };

        this.onChange = this.onChange.bind(this);                                                                                                                                    
    }                                                                                                                                                                 

    onChange(value){                                                                                                                                                  
        alert(value);                                                                                                                                                 
        this.setState({ value });                                                                                                                                     
    };                                                                                                                                                                

    render() {                                                                                                                                                        
        return (                                                                                                                                                      
            <ToggleButtonGroup                                                                                                                                        
              type="checkbox"                                                                                                                                         
              value={this.state.value}                                                                                                                                
              onChange={this.onChange}                                                                                                                                
              >                                                                                                                                                       
              <ToggleButton value={1}>Checkbox 1 (pre-checked)</ToggleButton>                                                                                         
              <ToggleButton value={2}>Checkbox 2</ToggleButton>                                                                                                       
              <ToggleButton value={3}>Checkbox 3 (pre-checked)</ToggleButton>                                                                                         
            </ToggleButtonGroup>                                                                                                                                      
        );                                                                                                                                                            
    }                                                                                                                                                                 
}

现在，当我选择不同的“复选框”时，显示会相应地改变，但永远不会触发警报。此外，通过 Chrome React 扩展检查组件显示状态没有改变，因此它被保留为不受控制的组件，因为从未执行 onChange 处理程序。

然而，奇怪的是，文档演示中使用了相同的代码，并且它可以正常工作。另一个奇怪的是，在演示中，我可以通过$r.props.onChangeReact Developer Tools修改 onChange 处理程序，而在我的测试中，我不能。ToggleButtonGroup利用uncontrollable返回包装好的组件的不受控制的版本。不受控制的包装器具有我通过 props 传递的 onChange，但受控制的组件具有附加的特定setAndNotify功能uncontrollable并且无法删除。

我真的不知道可能是什么问题，因为我认为我已经放弃了所有合理的可能性，但我可能会遗漏一些明显的东西——我真的希望我是。

在此先感谢您的时间。