如果输入在ReactJS中已具有焦点，则阻止设置焦点onClick

import React, { useState } from 'react';

const MyComponent = () => {
  const [isFocused, setIsFocused] = useState(false);

  const handleFocus = () => {
    setIsFocused(true);
  };

  const handleBlur = () => {
    setIsFocused(false);
  };

  const handleClick = (event) => {
    if (isFocused) {
      event.preventDefault();
    }
    // 其他点击事件的处理逻辑
  };

  return (
    <div>
      <input
        type="text"
        onFocus={handleFocus}
        onBlur={handleBlur}
      />
      <button onClick={handleClick}>点击</button>
    </div>
  );
};

export default MyComponent;