src içine bir Store diye klasör oluşturduk. İçine MainStore.js dosyası oluşturduk. İçine;
iki türlü çağırabiliyoruz. biri fonksiyon biri değişken. değişken için observale diğeri için action
1 2 3 4 5 6 7 8 9 10 11 |
import {observable,action} from "mobx"; class MainStore{ @observable name = 'ali desidero'; @action getName(){ return this.name; } } export default new MainStore(); |
sonra kullanacağımız sayfada hem değişken hem fonksiyonu nasıl kullanabilirim?
ilk önce import ediyorsun.
1 2 |
import { observable } from "mobx"; import MainStore from "./src/Store/MainStore"; |
sonra artık nerede kulllanacaksan o bölgeye gelip (console log kısmını kaldırmayı unutmayın :))
1 2 |
console.log(MainStore.name); console.log(MainStore.getName()); |