在使用MobX加载应用后添加对象属性时，使其可观察

问题描述

（使用CRA框架，因此代码将不会使用装饰器样式）

我们有一个将用户配置文件状态存储在mobX商店中的应用程序，我已经对此示例进行了简化：

class UserStore {
constructor() {
    extendobservable(this,{
        userData: this.initiateUser(),setUser: action(user => {
            this.userData = user;
        })
    }),initiateUser = () => ({
    firstName: '',lastName: '',profile: {
        date_format: ''
    }
    });
}

在应用程序加载时，我们命中了一个API端点，该端点返回客户端特定的对象属性，例如使用户拥有使用未知键的新属性（示例）：

preferences: { books: {},movies: {} }

如何将对象属性添加到MobX可观察的并使这些属性也可观察？

商店当前已加载到应用中，就像在主app.js中一样：

<Provider
   UserStore={UserStore}
>
   <Routes />
</Provider>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）