ijesusyt

Похоже, вы уже написали компонент под названием MyPrompt, который отображает подсказку подтверждения, когда пользователь пытается уйти со страницы с формой. Этот компонент использует компонент Prompt из библиотеки react-router-dom для отображения подсказки подтверждения, а также использует хук useLocation из той же библиотеки для отслеживания текущего местоположения пользователя.

Компонент MyPrompt также использует хуки useState и useEffect из React для управления своим состоянием и выполнения побочных эффектов. Хук useState используется для управления переменными состояния isBlock и text, а хук useEffect используется для настройки таймера, который проверяет значение элемента textarea на странице каждые 100 миллисекунд. Если textarea имеет непустое значение, для переменной состояния isBlock устанавливается значение true, что приводит к тому, что компонент Prompt отображает подсказку подтверждения.

Чтобы вставить этот компонент в контейнер приложения, вы можете просто визуализировать его, как любой другой компонент. Например:

function App() {
  return (
    <div className="App">
      <MyPrompt />
      {/* other components go here */}
    </div>
  );
}

Может быть несколько причин, по которым изображения в слайдере мигают при прокрутке в Safari:

Изображения могут быть загружены не полностью, когда отображается ползунок, что приводит к их мерцанию при загрузке. Вы можете попробовать предварительно загрузить изображения или использовать изображение-заполнитель, чтобы предотвратить это.

Ползунок может использовать эффект перехода, который заставляет изображения появляться и исчезать, что может привести к их мерцанию в некоторых браузерах. Вы можете попробовать использовать другой эффект перехода или вообще отключить переходы, чтобы посмотреть, поможет ли это.

Возможно, проблема с кодом JavaScript, управляющим ползунком. Это может быть связано с ошибкой в ​​коде или конфликтом с другими скриптами на странице. Вы можете попробовать отладить код или отключить другие скрипты, чтобы увидеть, решит ли это проблему.

Может возникнуть проблема со стилями CSS, примененными к слайдеру или его изображениям. Вы можете попробовать проверить стили и убедиться, что они применяются правильно.

Чтобы блокировать страницу при адаптации, чтобы она никогда не прокручивалась, вы можете попробовать использовать свойство CSS height: 100vh для элемента body. Это свойство устанавливает высоту элемента равной полной высоте области просмотра (видимой части веб-страницы).

Например, вы можете использовать следующий CSS:

body {
  height: 100vh;
  overflow: hidden;
}

Это заставит элемент body занимать всю высоту окна просмотра, а свойство overflow: hidden предотвратит любую прокрутку.

Вы также можете установить для свойства height элемента body фиксированное значение в пикселях, например, height: 1000px, если вы хотите, чтобы страница имела определенную высоту независимо от размера окна просмотра.

Имейте в виду, что использование высоты: 100vh или фиксированного значения высоты может плохо работать на маленьких экранах или когда содержимое страницы выше области просмотра. В этих случаях вам может потребоваться использовать адаптивный подход к дизайну, чтобы содержимое соответствовало области просмотра.