Formik、ReactJs、选中和取消选中复选框时设置焦点和移除焦点

import React, { useRef } from 'react';

function Checkbox() {
  const checkboxRef = useRef(null);

  const handleCheckboxChange = () => {
    // 设置焦点
    checkboxRef.current.focus();
  };

  return (
    <div>
      <input
        type="checkbox"
        ref={checkboxRef}
        onChange={handleCheckboxChange}
      />
      <label>Checkbox</label>
    </div>
  );
}

import React, { useRef } from 'react';

function Checkbox() {
  const checkboxRef = useRef(null);

  const handleCheckboxChange = () => {
    // 移除焦点
    checkboxRef.current.blur();
  };

  return (
    <div>
      <input
        type="checkbox"
        ref={checkboxRef}
        onChange={handleCheckboxChange}
      />
      <label>Checkbox</label>
    </div>
  );
}