Hooks结合Mobx简单使用

定义和导出Store

1import { action, observable } from "mobx";
2//定义一个Store：User
3class User {
4    
5    name = 'LL';
6    sex = 'man';
7
8    @action getName = (val) => {
9        return this.name;//
10    }
11
12
13    @action setName = (val) => {
14        this.name = val;
15    }
16}
17
18export default new User();
19
20
21//导出Store
22 import User from './user';
23
24 const store = {
25    User,
26
27 }
28
29 export default store;

将Store注入函数组件

1import React, {useState, useEffect} from 'react';
2import {inject }        from "mobx-react";
3
4export default inject('User')((props) => {
5    //使用Mobx
6    console.log('---', props.User)
7
8    return (
9        <div>
10             {props.User.getName()}
11        </div>
12    )
13})

可以直接使用Inject方法注入到函数组件里面，即可正常使用mobx