Mobx-State-Tree не обновляет магазин с реагировать-родной - PullRequest
Новая
       19

Mobx-State-Tree не обновляет магазин с реагировать-родной

0 голосов
/ 10 мая 2019

Я пытаюсь создать User модель с реактивным родом, mobx, mobx-state-tree

Моя User Модель: 

const UserProfileModel = types.model("UserProfile").props({
  description: types.maybeNull(types.string),
})

/**
 * Model description here for TypeScript hints.
 */
export const UserModel = types
  .model("User")
  .props({
    created_at: types.optional(types.string, ""),
    email: types.optional(types.string, ""),
    first_name: types.optional(types.string, ""),
    id: types.optional(types.string, ""),
    last_name: types.optional(types.string, ""),
    nick_name: types.maybeNull(types.string),
    updated_at: types.optional(types.string, ""),
    // @ts-ignore
    profile: types.optional(UserProfileModel, {}),
  })
  .actions((self: any)  => ({
    updateNickName(nick_name: string): void {
      self.nick_name = nick_name
    }
  }))

И класс, который вызывает действие updateNickName: 

@inject("userModel")
@observer
export class EditMyProfileScreen extends React.Component {

  @observable private readonly userProfile: IUser = {} as IUser

  constructor(props) {
    super(props)
    this.userProfile = clone(props.userModel)
  }

  @autobind
  private async sendUpdateToServer(): Promise<void> {
    const { userModel } = this.props
    // do some async request to the server
    userModel.updateNickName(this.userProfile.nick_name)
    console.log(userModel) // this console.log print an old version of the javascript object
  }

  render() {
    // do stuff
  }
}

Но пользователь, кажется, не обновляется после вызова userModel.updateNickName.

Почемуnick_name поле не обновлено?

...