笑話 - 測試mobx店@action類型錯誤：不是一個函數

Question

我有以下商店：

import { observable, action } from "mobx"; 

class UiStore { 
    @observable string; 

    constructor() { 
    this.string = "My string"; 
    } 

    @action 
    setString = value => { 
    this.string = value; 
    }; 
} 

export default UiStore; 

和一個簡單的測試，我用開玩笑運行：

import UiStore from "./UiStore"; 

describe("uiStore",() => { 
    it("setString sets string to the passed value",() => { 
    const uiStore = new UiStore(); 
    uiStore.setString("blah"); 
    expect(uiStore.string).toBe("blah"); 
    }); 
}); 

但我正在逐漸出現以下錯誤：

TypeError: uiStore.setString is not a function

當我刪除@action裝飾器時，測試會通過。但根據mobx docs，當函數修改狀態時，@action修飾器顯着提高了性能。有沒有人知道測試mobx @actions的方法？

Answer 1

不使用箭頭功能解決了這個問題：

import { observable, action } from "mobx"; 

class UiStore { 
    @observable string; 

    constructor() { 
    this.string = "My string"; 
    } 

    @action 
    setString(value) { 
    this.string = value; 
    } 
} 

export default UiStore; 

不知道爲什麼，雖然...