Перейти к содержанию

onMount

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

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

Это псевдоним для эффекта, который не отслеживается, что означает, что он эквивалентен createEffect без зависимостей.

Хотя его можно использовать для получения данных, для этой задачи лучше всего использовать ресурсы Solid с помощью createResource.

Сигнатура функции TypeScript

1
function onMount(fn: () => void): void;

Пример

Представьте, что мы хотим прикрепить к нашему окну слушатель событий и слушать событие изменения размера. Мы хотим прикрепить его только один раз, поэтому onMount будет полезен в этом случае.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
import { onMount } from 'solid-js';

const handleResize = () => {
    //...
};

const App = () => {
    onMount(() => {
        window.addEventListener('resize', handleResize);
    });
};

Ссылки

Комментарии