限制react中选中的复选框的数量

import React, { useState } from 'react';

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

  // ...
}

function handleCheckboxChange(checkboxValue) {
  setSelectedCount(prevCount => {
    if (checkboxValue) {
      return prevCount + 1;
    } else {
      return prevCount - 1;
    }
  });
}

// ...

<input type="checkbox" onChange={e => handleCheckboxChange(e.target.checked)} />

function handleCheckboxChange(checkboxValue) {
  setSelectedCount(prevCount => {
    if (checkboxValue && prevCount >= 2) {
      return prevCount; // 已达到最大选中数量，不允许再选中复选框
    } else if (checkboxValue) {
      return prevCount + 1;
    } else {
      return prevCount - 1;
    }
  });
}

// ...