import { makeAutoObservable, autorun, getDependencyTree } from "mobx"; class Message { title; author; likes; constructor(title, author, likes) { makeAutoObservable(this); this.title = title; this.author = author; this.likes = likes; } updateTitle(title) { this.title = title; } } let message = new Message("Foo", { name: "Michel" }, ["Joe", "Sara"]); const disposer = autorun(() => { console.log(message.title); }); console.log(getDependencyTree(disposer)); message.updateTitle("Bar"); message.updateTitle("gasdg");Pero en consola me sale esto:
Foo index.js:114 {name: 'Autorun@2'} No recoge message.title como dependencia, ¡ayúdame a entender por qué!
De manera predeterminada make(Auto)Observable solo admite propiedades que ya están definidas, por lo que debe definir cada propiedad dentro del constructor o hacer que sea anulable así: author = null , o agregue el valor predeterminado likes = 0 :
class Message { // Or add default values here title = ''; author = null; likes = 0; constructor(title, author, likes) { // Initialise properties as first thing this.title = title; this.author = author; this.likes = likes; makeAutoObservable(this); } updateTitle(title) { this.title = title; } } Alternativamente, es posible que desee intentar reconfigurar cómo funciona la inicialización de propiedades de clase , utilizando el indicador del compilador useDefineForClassFields TS:
"compilerOptions": { "useDefineForClassFields": true },