Comment utiliser les décorateurs à l'intérieur namespace: MOBX

Question

J'utilise MOBX dans mon code côté client comme ceci:

<script src="/js/mobx.umd.js"></script> 
<script src="/js/mobx-react/index.min.js"></script> 

Maintenant, quand je veux réellement utiliser MOBX comme ci-dessous, cela ne fonctionne pas, à savoir mon client interface utilisateur -side ne réagit pas aux changements de variables observables:

const action=window.mobx.action 
const observable=window.mobx.observable 

class Store { 

    @observable isLoggedIn=false; 
    @action setIsLoggedIn=(tf)=>{this.isLoggedIn=tf} 
} 

Je me demande comment je peux réellement utiliser window.mobx.action et window.mobx.observable avec ES6.

---

Auparavant, j'utilisais MOBX avec NPM comme ci-dessous, et il fonctionnait très bien:

import { action, observable } from 'mobx' 

Answer 1

décorateurs sont pris en charge que par transpilation par babel/tapuscrit. Pour la syntaxe ES5, voir https://mobx.js.org/best/decorators.html