Блог

Я хочу запустить функцию, когда все скрипты будут загружены в мое приложение react. В моем приложении используются горячие загрузчики (react-hot-loader). Как запустить какое-либо событие, когда все сценарии на странице загружены и выполнены. Спасибо!

Я загружаю модули / компоненты, такие как:

export const Root = hot(RootUnwrapped);

Если мы посмотрим в документацию, мы увидим:

• (это цель) React-Hot-Loader не изменит прошлое, только обновит настоящее — событие жизненного цикла не будет вызываться при обновлении компонента. В результате — все изменения кода, которые вы можете внести в componentWillUnmount или componentDidMount, будут игнорироваться для уже созданных компонентов.
• (это цель) React-Hot-Loader не обновит ни один объект, включая состояние компонента.

Но, как мы знаем, горячий загрузчик сбрасывает состояние.

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

PS Но, если ваша цель — проверить, когда ваше приложение загружается в первый раз, вы можете сделать это в конструкторе корневого компонента.