在Mobx中,可以通过使用@computed
装饰器来创建基于DateTime.now的计算属性。计算属性是一种根据其他可观察状态的值自动计算得出的值。在这种情况下,我们可以使用DateTime.now
作为依赖项,并在计算属性中使用它来获取当前的日期和时间。
下面是一个示例代码:
import { observable, computed } from 'mobx';
class MyStore {
@observable
currentDate = new Date();
@computed
get currentTime() {
return this.currentDate.toLocaleTimeString();
}
}
const store = new MyStore();
console.log(store.currentTime); // 输出当前时间
// 当currentDate发生变化时,计算属性将自动重新计算
store.currentDate = new Date();
console.log(store.currentTime); // 输出更新后的时间
在上面的示例中,currentDate
是一个可观察的状态,currentTime
是一个计算属性。每当currentDate
发生变化时,currentTime
将自动重新计算,并返回更新后的时间。
关于Mobx的更多信息和使用方法,你可以参考腾讯云的产品介绍页面:Mobx产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云