Unstated.js accessing container within other container

Question

I've just started looking into unstated and I've bumped into an issue for which I can't find an answer yet.

Suppose I have two containers:

• ContainerA
• ContainerB

What should I do if I wanted to either access ContainerB state in ContainerA or even call a method of ContainerB in ContainerA?

The only way I see so far is to call ContainerA method and pass ContainerB instance manually as a separate argument which seems extremely bad and repetitive given I may need to do the same in multiple places...

Answer 1

Have a look at the unstated docs around dependency injection. That allows you to instantiate your containers before adding them to your provider. So you can wire together your containers any way you like. Seems legit?

const containerA = new ContainerA();
const containerB = new ContainerB({ containerA });

render(
  <Provider inject={[containerA, containerB]}>
    <App />
  </Provider>
);