Блог

Я новичок в React и немного борюсь. У меня есть два похожих компонента, где я имею дело с прокруткой назад, когда modal открыт в IOS. Я решил эту проблему таким образом:

 const handleShow = () =gt; {  if (disabled) return;  setShow(true);  document.body.style.top = `-${window.scrollY}px`  document.body.style.position = 'fixed'  };    const handleClose = () =gt; {  resetForm();  setShow(false);    const scrollY = document.body.style.top  document.body.style.position = ''  document.body.style.top = ''   window.scrollTo(0, parseInt(scrollY || '0') * -1)  };    

а затем применить его к модальному в ответ.

Второй компонент написан по-другому, и я действительно не знаю, как применить ту же функциональность.

 const AddPaymentModal = ({ show, onHide}) =gt; {  **some other functions** return (  lt;Modal show={show} onHide={onHide}gt;  **Some other code**  lt;button onClick={onHide} className="btn modal-payment-footer-btn"gt;{t('Close')}lt;/buttongt;  lt;/Modalgt;   ); };  

Каков был бы наилучший способ применения этих двух функций?

Спасибо