how to handle change value mobx store in component.ts

[Parinyadahmi]

import {Component, OnChanges, OnInit, ChangeDetectionStrategy, ChangeDetectorRef} from '@angular/core'; import {UserStore} from '../stores/user.store';

@Component({ selector: 'app-portfolio', templateUrl: './portfolio.component.html', styleUrls: ['./portfolio.component.css'] }) export class PortfolioComponent implements OnInit, OnChanges {

constructor(public user: UserStore) {
}

ngOnInit() {
}

ngOnChanges(changes: any) {
    console.log('change');
}

}

[adamkleingit]

Hi, you can use reaction or autorun from MobX: https://mobx.js.org/refguide/reaction.html https://mobx.js.org/refguide/autorun.html

[gelinger777]

dear @adamkleingit I have tried to add a reaction to my store by

 reaction(
          () => this.accelerometer,
          accelerometer => {
            console.log('TTTTTTTTTTTTTTTTTTTTTT', accelerometer);
            this.recalculateScannerData();
          },
          { fireImmediately: true }
        );

but it triggers only once. On future updates of accelerometer object it is not fired. Any idea why?