Problem with default values from other store

[maxttor]

Thank you for this trick. I began use your construction for form store. But I faced with one problem. What if I need to use default value from other store? For example, I have store — UserStore with user data — email, name, other settings and etc. Store UserSettingsStore with form store. And I need to insert the data from UserStore to UserSettingsStore like values of default. How I can do it? Because if I write in UserSettingsStore

@observable
 form = {
 fields: {
 email: {
 value: UserStore.email,
 error: null,
 rule: ‘required|email’
 }}}

In component UserSettings I got the undefined for UserSettingsStore.form.fields.email.value

[maxttor]

I found a solution:

constructor() {
    super()

    reaction(
      () => UserStore.email,
      email => {
        this.form.fields.email.value = email
      }
    )
  }

[maxttor]

But there is question: How to use several parameters from UserStore in one reaction?

[mkozhukharenko]

@maxttor is this solution does not work for you?

constructor() {
    super()
    this.form.fields.email.value = UserStore.email
    this.form.fields.name.value = UserStore.name
  }

[maxttor]

@mkozhukharenko no, because at the time of first access to the UserStore properties - its value is null. But reaction fully performs this task and when UserStore properties are updated, reaction occurs and updates the values in UserSettingsStore