createInjectionHooks

The createInjectionHooks(...tokens) creates hooks for getting dependencies more easily.

Arguments#

...tokens: TokenValue[].

Returns#

(() => TokenType<TokenValue>)[] — an array of hooks for getting dependencies.

Example#

hooks.ts

import { createInjectionHooks } from 'brandi-react';

import { TOKENS } from './tokens';

const [
  useApiService,
  useUserService,
  useLogger,
] = createInjectionHooks(
  TOKENS.apiService,
  TOKENS.userService,
  TOKENS.logger.optional,
);

export { useApiService, useUserService, useLogger };

UserComponent.tsx

import { FunctionComponent } from 'react';

import { useUserService } from './hooks';

export const UserComponent: FunctionComponent = () => {
  const userService = useUserService();

  /* ... */

  return (/* ... */);
}

This UserComponent is the same as UserComponent in the example in useInjection section.

For more information about TOKENS.logger.optional syntax, see the Optional Dependencies documentation section.