Реагируют крючки — фокусируются на кнопке, когда модал закрыт

#javascript #reactjs #react-hooks #focus

Вопрос:

У меня возникли проблемы с фокусировкой на кнопке. Когда я закрываю модальный, я хочу, чтобы фокус был установлен на моей кнопке. Есть какие-нибудь предложения, что я делаю не так?

Спасибо,

 const textButton = ({ buttonText, link }: IProps) => {
   const [modalOpen, setModalOpen] = useState(false);
   const button = useRef(null);

   const openModal = () => {
    setModalOpen(true);
   };

   const onClose = () => {
    setModalOpen(false);
    button.current.focus();
   };

   return (
    <div>
        <MyButton
            onClick={openModal}
            text={buttonText}
            ref={button}
        />
        {modalOpen amp;amp; (
            <Modal modalIsOpen={modalOpen} onClose={onClose} link={link} />
        )}
    </div>
   );
};
 

Комментарии:

1. Можете ли вы также показать код MyButton? Вероятно, вы устанавливаете ссылку не на HTML-элемент, а на элемент React