反応のクラスなしでmobx observerを使用する方法

Question

私は反応するネイティブプロジェクトでaxiosとmobxを使用しています。マウント時のコンポーネント（Home）の1つは、すべてのAPIメソッドが編成されている別のファイルからメソッド（getBirds()）を呼び出します。

store.js：

class BirdStore { 
    @observable birdList = []; 

    @action setBirdList = (birds) => { 
     this.birdList = birds; 
    }; 
} 

Home.js：

@observer @inject("BirdStore") 
export default class Home extends React.Component {  
    componentDidMount() { 
     api.getBirds() 
     ... 
    } 
} 

api.js：

@inject('BirdStore') @observer 
const api = {  
    getBirds() { 
     const url = website + '/api/birds/'; 
     return axios.get(url) 
      .then((response) => { 
       this.props.BirdStore.setBirdList(response.data) 
      }) 
      .catch((error) => { 
       console.log(error); 
      }) 
    }, 
}; 

しかし、これは私にエラー与える：

Leading decorator must be attached to a class declaration

を

getBirds()から返されたサーバーのデータをHomeコンポーネントに使用してからsetBirdList()というアクションを呼び出すことができますが、私はAPI関連のものを別に保存したいと考えていました。とにかくクラスなしでmobxを使用するようになっているので、クラスコンポーネント以外のすべてのAPI関連の処理を行うことができますか？

Answer 1

このエラーはかなりわかりにくいです。彼らは「つけなければならない」と言います。これに照らして、私はそう言うでしょう。デコレータをクラスに取り付ける必要があります。しかし、もっと重要なことに、this.propsにアクセスすることはできません。