#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