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를 사용하고

class OtelloBoard { 
    @observable cells = []; 

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

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