mobx - 先頭のデコレータをクラス宣言に添付する必要があります

Question

現在、Reactを使用してElectronアプリケーションを開発中です。私はMobXデコレータを使用したいが、私は自分のコードを実行しようとすると、私は次のエラーメッセージが表示されますMobXを偶然見つけて、それを試してみたかったが、私は

をするためにコードを取得するには問題があります。

Leading decorators must be attached to a class declaration 

私のアプリケーションはnedbのデータストアにデータを格納しています。私はmobxでそれらを観察したいと思います。

私は次のコードを持っているのであれば、たとえば、：私は私の電子アプリケーションを起動すると、私は次のコマンドを使用し

import { observable } from 'mobx'; 
import Datastore from 'nedb'; 

@observable projectsDb = new Datastore({ 
    filename: __dirname + './projects.json', 
    autoload: true, 
    timestampData: true, 
}); 

export default projectsDb; 

を：

"browserify -t [ babelify --presets [ react es2015 stage-1] --plugins [transform-decorators-legacy] ] app/app.jsx -o app/js/app.js && stylus app/css/styles.styl -o app/css/styles.css && electron app/main.js", 

また、すべてのdevDepenendenciesとの依存関係が私に追加されますpackage.json。

「スタート」コマンドにエラーがありますか、またはここで観察可能な概念に誤解がありますか？事前に

感謝:)（一般に）

Answer 1

デコレータのみのクラスとプロパティに、変数に適用することはできません。しかし、observableもfuncionとして呼び出すことができます（したがって、@はありません）。

P.S.それはちょうどあなたがデコレータの後にセミコロンを削除することができますデータベース

Answer 2

にobservable referenceを作成し、MobXはそう魔法のあなたの全体のデータベースのlibが反応することはありませんobservableにデータベース全体のクラスを渡し、外部ライブラリの内部を修正しないことに注意してください。

を

ターンこの：これに

@inject(CssAnimator); 

：

@inject(CssAnimator)