如何在使用reactjs单击复选框时禁用输入字段

import React, { useState } from 'react';

const CheckboxInput = () => {
  const [isChecked, setIsChecked] = useState(false);
  const [isDisabled, setIsDisabled] = useState(false);

  const handleCheckboxChange = () => {
    setIsChecked(!isChecked);
    setIsDisabled(!isDisabled);
  };

  return (
    <div>
      <label>
        <input
          type="checkbox"
          checked={isChecked}
          onChange={handleCheckboxChange}
        />
        Enable/Disable Input
      </label>
      <input type="text" disabled={isDisabled} />
    </div>
  );
};

export default CheckboxInput;