Как использовать контекст в Svelte?

Пользователь

от sylvester , в категории: JavaScript , 6 месяцев назад

Как использовать контекст в Svelte?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от quinton.prosacco , 4 месяца назад

@sylvester 

Kонтекст позволяет передавать данные от родительского компонента к дочерним компонентам без необходимости пропускать их через все промежуточные компоненты. Используйте контекст в Svelte следующим образом:

  1. Создайте контекст в родительском компоненте:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

  import { createContext } from "svelte";

  // Создаем контекст
  export const MyContext = createContext();



  
  
    
  


  1. Импортируйте контекст и используйте его в дочернем компоненте:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

  import { getContext } from "svelte";
  import { MyContext } from "./Parent.svelte";

  // Получаем значение из контекста
  const contextValue = getContext(MyContext);



  The context value is: {contextValue}


Теперь значение "Some Value", переданное в контекст родительского компонента, будет доступно в компоненте Child без необходимости пропускать его через любые промежуточные компоненты.