// models files named: foo.js

export {
   models: {
      foo: {};
   },
   reducers: {
      const upldateFoo = (state, foo) => ({ ...state, foo });
      const updateFooProperties = (state, properties) => {
         const foo = { ...state.foo, ...properties};
        // Question here call this method in reducers.
        return this[foo/upldateFoo](state, foo);
      }
   },
   effects: {
       const update(foo){
         // error here: nextFoo is a Promise since not await this.updateFoo
          const nextFoo = this.updateFoo(foo);
        
         // question here: don't want to use async in effect here, to get the latest state, I called getState method from redux. 
         //  now get the correct one.
         const nextFoo = getState().foo.foo;
     }
   }
}

1. Call this in reducers.
2. getState in effects.

onEffect() {
   this.onReducer1();
   // have to get the updated state to do other things
  this.onReducer2();
  // have to get the updated state to do other things
}

const nextState = this.onReducer();

const nextState = await this.onReducer();

   { type: modeName/reducerName, payload}

onEffect() {
   this.onReducer1();
   this.onEffectComplted();
}

onEffectCompleted(_, state) {
   // now state is the latest one and do work on the state.
   this.onReducer2();
  this.onEffectCompletedCompleted();
}

onEffectCompletedCompleted(_, state) {
  // now state is the latest one and do work on the state.
}