如何限制用户在reactjs中不选择三个以上的复选框

import React, { useState } from 'react';

function App() {
  const [selectedCount, setSelectedCount] = useState(0);

  // 其他代码...

  return (
    // JSX代码...
  );
}

export default App;

function App() {
  const [selectedCount, setSelectedCount] = useState(0);

  const handleCheckboxChange = (event) => {
    const isChecked = event.target.checked;

    if (isChecked) {
      setSelectedCount(selectedCount + 1);
    } else {
      setSelectedCount(selectedCount - 1);
    }
  };

  // 其他代码...

  return (
    // JSX代码...
  );
}

function App() {
  const [selectedCount, setSelectedCount] = useState(0);

  const handleCheckboxChange = (event) => {
    const isChecked = event.target.checked;

    if (isChecked) {
      if (selectedCount < 3) {
        setSelectedCount(selectedCount + 1);
      } else {
        event.target.checked = false; // 取消选择
      }
    } else {
      setSelectedCount(selectedCount - 1);
    }
  };

  // 其他代码...

  return (
    // JSX代码...
  );
}