Навіщо використовувати символ InjectionKey замість рядка для provide/inject? export const ThemeKey: InjectionKey > = Symbol("theme"); provide(ThemeKey, theme); const t = inject(ThemeKey); // Ref | undefined

Символи виключають конфлікт імен і несуть тип, тому inject типізований

Рядки не можна використовувати як ключі

Символи пришвидшують впровадження

Vue · Middle · Запитання 15 з 75

Навіщо використовувати символ `InjectionKey` замість рядка для `provide`/`inject`?

export const ThemeKey: InjectionKey<Ref<string>> = Symbol("theme");
provide(ThemeKey, theme);
const t = inject(ThemeKey); // Ref<string> | undefined

✓Правильна відповідь: Символи виключають конфлікт імен і несуть тип, тому inject типізований
2Рядки не можна використовувати як ключі
3Символи пришвидшують впровадження

Зберігайте ключі в спільному файлі. inject повертає T | undefined, якщо не передати значення за замовчуванням.