У меня есть компонент React, в котором есть модальный компонент популярной библиотеки antd lib. Этот компонент имеет некоторую опору - назовем ее isOpen prop и отправим ее в модальный компонент andt. Вот так:
const SomeCustomComponent = (props) => <Modal visible={props.isOpen} ...
Я управляю состоянием этого свойства isOpen вне этого компонента.
const [dialogIsOpen, setDialogState] = useState(false);
<SomeCustomComponent
isOpen={dialogIsOpen}
onCloseDialog={() => setDialogState(false)}...
<button onClick={() => setDialogState(true)}...
Итак, все просто.
И я ' Мы столкнулись с проблемой, когда после открытия или закрытия модального окна он по какой-то причине перескакивает в верхнюю часть тела, независимо от того, какой триггер я использую onClick on
. Я не хочу, чтобы документ перескакивал вверх при изменении модальных свойств. Как исправить эту проблему?