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

@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 без необходимости пропускать его через любые промежуточные компоненты.