Skip to main content

Module: hooks/useConnector

Functions​

useConnector​

▸ useConnector<T>(selector, shallowEqual?): T

Description​

useConnector is a React Hooks, which you can use to inject any shared state and derived data that you want to render using. And it supports both useConnector(() => this.renderPropsValue) and useConnector(() => this.getMapStateToProps()) uses.

Example​

@injectable()
class FooView extends ViewModule {
  @state
  key = 'str';

  @action
  setValue(value: any) {
    this.key = value;
  }

  component() {
    const { key } = useConnector(() => ({ key: this.key }));
    // or `const key = useConnector(() => this.key);`
    return <span>{key}</span>;
  }
}

const container = document.createElement('div');
document.body.appendChild(container);

act(() => {
  createApp({
    modules: [],
    main: FooView,
    render,
  }).bootstrap(container);
});

expect(container.querySelector('span')?.textContent).toBe('str');

Type parameters​

Name
T

Parameters​

NameType
selector(container: Container) => T
shallowEqual?ShallowEqual

Returns​

T

Defined in​

hooks/useConnector.ts:48