React Material-UI 复选框 onChange 事件不会触发

React Material-UI 是一个流行的 React 组件库，提供了丰富的 UI 组件供开发人员使用。其中一个常用的组件是复选框（Checkbox），它允许用户选择多个选项。然而，有些开发者在使用复选框时遇到了一个问题，即 onChange 事件不会触发。本文将探讨这个问题，并提供解决方案。

jsx
import React, { useState } from 'react';
import Checkbox from '@material-ui/core/Checkbox';
const ExampleCheckbox = () => {
  const [isChecked, setIsChecked] = useState(false);
  const handleCheckboxChange = (event) => {
    setIsChecked(event.target.checked);
    // 执行其他操作
  };
  return (
    
              checked={isChecked}
        onChange={handleCheckboxChange}
        color="primary"
        inputProps={{ 'aria-label': 'example checkbox' }}
      />
      示例复选框
    
  );
};
export default ExampleCheckbox;