mobx反応が不安定で、周期的な関数

Question

私はMobXを使ってOtelloゲームを作成しようとしています。だから私はタイルの変更を探して、それに応じて他のタイルを更新するという反応があります。

したがって、次のコードでは、bumpRandom()を実行して、別のタイルを変更してその効果を確認しました。しかし、これは巡回関数の原因になるreactionがいつも実行されています。 reactionで観測を停止するにはどうすればよいですか？

class OtelloBoard { 
    @observable cells = []; 

    constructor() { 
    for (i = 0; i< SIZE*SIZE; i++) { 
     this.cells.push(new Cell()) 
    } 
    reaction(
    () => this.cells.map(cell => cell.status), 
     status => { 
     this.bumpRandom() 
     console.log('Status has changed' + status) 
     } 
    ) 
    } 

    @action bumpRandom() { 
    this.cells[45].bump() 
    } 
} 

私はuntracked(() => this.bumpRandom())を試しましたが、どちらも動作しません。

Answer 1

this MobX issueで話した後、私は反応を使わないことで解決策を見つけました。私の代わりに@actionを使用していて、それがonClick()

class OtelloBoard { 
    @observable cells = []; 

    constructor() { 
    for (i = 0; i< SIZE*SIZE; i++) { 
    this.cells.push(new Cell()) 
} 
} 

@action bumpRandom() { 
    this.cells[45].bump() 
} 
}