React使用mobx

1. 下载 npm i mobx mobx-react;

2. 在store有个主文件index.js,多个仓库的话，分开写，然后引入，最后抛出store

   import a from './a'
   import b from './b'
   import c from './c'
   const store = {a,b,c
   }
   export default store
   

3. store子文件

   import { observable, action, toJS } from "mobx";
   class a{@observer num = ''@action setNum = (e) => {this.num = e.target.value}
   }
   export default new a()		//抛出时记得new
   

4. 在主文件写 ：

      	import { Provider } from 'mobx-react'import store from "./store";<Provider {...store}><Router history={hashHistory} routes={routes} /></Provider>
   

5. 在子文件

   import { observable, inject } from "mobx";@inject("a")//store下的文件名@observer  
   

   可以直接用this.store.a (mobx仓库的方法，数据)

   export default class inputs extends React.Component{constructor(props) {super();this.store = props.a}render(){<div><input type = 'text' value = {this.store.num}		//直接用mobx中的num的数据onChange = {this.store.setNum}	//直接用mobx中的setNum方法/></div>}
   }
   

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！