Easy-peasy: Interacting between models

[1alexvash]

How can I update different module?

[w3bdesign]

@1alexvash

Can you elaborate more in detail what exactly you are trying to accomplish? Are you trying to add a new fruit?

[ctrlplusb]

@1alexvash you can update nested state within the action.

Actions receive the state local to them, which includes the state below them too.

We can complete your code like so:

const store = createStore({
  products: {
    fruits: ["🍏", "🍊", "🍌"],
  },
  addFruit: action((state, payload) => {
    state.products.fruit.push(payload);
  }),
});

store.getActions().addFruit("🍉");

😊