如何使用@inject綁定函數？

Question

當我使用mobx-react，我用注入的裝飾，當我拿到店裏如

@inject("store") @observer 
class item extends Component { 
    constructor() { 
    this.store = this.props.store; 
    } 
} 

但是，當我想打電話給如store.getUser()store的功能，我發現傳輸store.But的上下文getUser函數不是this，我怎樣才能將this綁定到store？

PS：在商店如下列：

class Store { 
    @observable user = "Sarah"; 
    @computed 
    get getUser() { 
    return user + "Ok"; 
    } 
} 
export default new Store(); 

我使用getUser像

render() { 
    <div>{this.store.getUser()}</div> 
} 

Answer 1

您的商店使用this.user：

class Store { 
    @observable user = "Sarah"; 
    @computed 
    get getUser() { 
    return this.user + "Ok"; 
    } 
} 
export default new Store(); 

一個computed是一個getter，所以你不能通過函數調用來訪問它。只是取消引用領域：

render() { 
    <div>{this.store.getUser}</div> 
} 

Answer 2

class Store { 
    @observable user = "Sarah"; 
    @computed 
    get okUser() { 
    return this.user + "Ok"; 
    } 
} 

const store = new Store(); 
console.log(store.okUser); 

@computed是吸氣，所以你不需要調用它的功能。