Nested Model Question

This is a question not an issue, but I would be glad to get your comments.

If we have to model a one-to-many relation, where both models have specific actions, let’s say:

const childModel = {
  id: "",
  parent: "",
  items: {},
  addItem: action( (state, payload) => {
    state.items[payload.id} = payload;
  ),
  removeItem: action( (state, id) => {
    delete state.items[id};
  )
};

const parentModel = {
  id: "",
 children: {},
 addChild: action( (state, payload) => {
   state.children[payload.id] = {...childModel, ...payload, parent:state.id}; // :)
 })
};

This doesn’t work as it is. I am using something like this:

const parentModel = {
  id: "",
 children: {},
 addChild: action( (state, payload) => {
   state.children[payload.id] = createStore( {...childModel, ...payload, parent:state.id} );
 })
};

That allows me to write things like:

  parent.children[id].addItem({id: 1, name: "pees"})

which is nice!

However the state tree has to be computed:

Object.values(parent.children).map(child => child.getState())

which feels wrong 😕

If anyone has a similar issue solved more elegantly I would love to see it!

Thank you!

[ctrlplusb]

Hmmmm, you certainly have me thinking. I will continue to do so and if I think of anything interesting I’ll feed back to you here. 🙏

[andreiQuant]

Hey @ctrlplusb,

Here is a sample showing the difference between nested models added at “design time” and those added at “run-time” :

https://codesandbox.io/s/easy-peasy-nested-1d1rw