use-injector.md

title	isDefaultIndex	generated
UseInjector	false	true

import MemberInfo from '@site/src/components/MemberInfo'; import GenerationInfo from '@site/src/components/GenerationInfo'; import MemberDescription from '@site/src/components/MemberDescription';

useInjector

Exposes the Angular injector which allows the injection of services into React components.

Example

import { useInjector } from '@vendure/admin-ui/react';
import { NotificationService } from '@vendure/admin-ui/core';

export const MyComponent = () => {
    const notificationService = useInjector(NotificationService);

    const handleClick = () => {
        notificationService.success('Hello world!');
    };
    // ...
    return <div>...</div>;
}

function useInjector<T = any>(token: ProviderToken<T>): T

Parameters

token

<MemberInfo kind="parameter" type={ProviderToken<T>} />