Как выйти из бесконечного ререндера?

Question

[Im p3l]

При blur хочу чтобы выполнилась функция blurEvent, она выполняется но потом уходит в бесконечный цикл из-за inputRef.current.blur();. Но мне надо как-то выйти из фокуса инпута. Как можно решить эту проблему?

const inputRef = React.useRef(null);
  const blurEvent= () => {
    inputRef.current.focus({
      cursor: 'start',
    })
    inputRef.current.blur();
  }
<Input
     placeholder="Name"
     required
     ref={inputRef}
     onBlur={blurEvent}
 />

Comments

[Alex Karo]

Стесьняюсь спросить - а зачем делать фокус после блюра?

[Im p3l]

Alex Karo, костыли для IE

Answer 1

[BananaSupchik]

Надеюсь заработает

let isMyBlur = false;
const inputRef = React.useRef(null);
  const blurEvent= () => {
    if(!isMyBlur){
      inputRef.current.focus({
          cursor: 'start',
      })
      isMyBlur = true;
      inputRef.current.blur();
     }
     isMyBlur = false;
  }
<Input
     placeholder="Name"
     required
     ref={inputRef}
     onBlur={blurEvent}
 />

Comments

[Im p3l]

Не работает, так же в бесконечный рендер уходит