复选框没有响应点击反应

Question

我有一个简单的反应组件，它有一个复选框，我想在点击时切换值，它似乎完全忽略了我的点击，我什至无法获得控制台日志。不知道为什么这不起作用

export const InputCheckbox: InputCheckboxComponent = ({ id, checked = false, disabled, onChange }) => {
  const { current: inputId } = useRef(`RampInputCheckbox-${id}`)
  

  const handleClick = () => console.log('click');
  return (
    <div className="RampInputCheckbox--container" data-testid={inputId}>
      <label
        className={classNames("RampInputCheckbox--label", {
          "RampInputCheckbox--label-checked": checked,
          "RampInputCheckbox--label-disabled": disabled,
        })}
      />
      <input
        id={inputId}
        type="checkbox"
        className="RampInputCheckbox--input"
        onChange={handleClick}
      />
    </div>
  )
}

我尝试更改为 onClick，我注意到该组件没有在点击时重新呈现