在TypeScript中使用MobX状态树模型作为函数参数,你可以按照以下步骤进行:
makeAutoObservable
或makeObservable
来定义观察的属性和动作。例如:import { makeAutoObservable } from "mobx";
class CounterStore {
count = 0;
constructor() {
makeAutoObservable(this);
}
increment() {
this.count++;
}
decrement() {
this.count--;
}
}
const counterStore = new CounterStore();
observer
装饰器使其成为可观察的组件。例如:import { observer } from "mobx-react-lite";
const CounterComponent: React.FC<{ counterStore: CounterStore }> = observer(({ counterStore }) => {
return (
<div>
<button onClick={counterStore.increment}>+</button>
<span>{counterStore.count}</span>
<button onClick={counterStore.decrement}>-</button>
</div>
);
});
function printCount(counterStore: CounterStore) {
console.log(counterStore.count);
}
printCount(counterStore);
这样,在TypeScript中使用MobX状态树模型作为函数参数就完成了。
对于更多关于MobX的信息,你可以参考腾讯云提供的MobX官方文档:MobX文档。同时,腾讯云还提供了云原生应用开发的相关产品,你可以访问腾讯云的云原生产品页面了解更多信息。
领取专属 10元无门槛券
手把手带您无忧上云