Merhabalar
100 tane sayfamız var ve hepsinde mobx kullanmak istiyoruz. Tek tek import mu edeceğiz hayır.
geliyoruz App.js(ana giriş dosyamıza)
1 2 3 |
import { observable } from "mobx"; import MainStore from "./src/Store/MainStore"; import {Provider} from "mobx-react"; |
Sizde MainStore farklı bir isim olabilir o size kalmış. İsterseniz 10 tane farklı kullanın.
Sonra ana js dosyanızda rendera geliyorsun
1 2 3 |
render(){ return <Provider MainStore={MainStore}><Route/></Provider> } |
kullanacağımız yere geliyoruz vev ilk önce import ediyoruz
1 2 |
import { inject, observer } from "mobx-react"; @inject('MainStore') // varsa başka bişi virgül ile ayır |
kullanmak istediğimiz yere gelip;
1 |
this.props.MainStore.name |
başına this props eklemen yeterli.