Javascript 字符串变量不'；t渲染

我有一个变量，我希望是被动的。示例很简单：用户在电子邮件的输入中键入，值在页面上反应性地呈现。但事实并非如此：（变量的值已更改，但未呈现。上的示例。谢谢！

从MobX 6开始，尽管有装饰器，但仍需要使用makeObservable。完整示例：

UserProfileStore：

从“mobx”导入{action，makeObservable，observable}
类UserProfileStore
{
@可观察的电子邮件地址initial@email.com'
构造函数（）
{
makeObservable（this）//必需
log（'Store:：constructor initialized'）
}
获取getEmail（）
{
console.log（'Store:：email requested'）
返回此电子邮件
}
@保存电子邮件的操作（值）
{
this.email=value
console.log（'Store:：email saved:'+值）
}
}
导出默认UserProfileStore

UserProfileForm：

import React，{Component}来自“React”
从“reactstrap”导入{Col，FormGroup，Input，Label}
从“mobx react”导入{observer}
从“/UserProfileStore”导入UserProfileStore；
@观察者
类UserProfileForm扩展组件
{
/**
*@type{UserProfileStore}
*/
store=null；
建造师（道具）
{
超级（道具）；
this.store=new UserProfileStore（）
this.saveEmail=this.saveEmail.bind（this）
log（'Form:：constructor initialized'）
};
saveEmail（{target:{value}}）
{
console.log（'Form:：saving email value:'+value）
this.store.saveEmail（值）
}
render（）
{
返回(
电子邮件
新电子邮件：{this.store.getEmail}
);
}
}
导出默认UserProfileForm

请发表此评论没有帮助，但我讨厌使用react的mobx。react的核心要求数据是不可变的。mobx的核心迫使开发人员适应突变。这有帮助吗？