React学习（十）

目录：

1.react-进阶-mobox-介绍

2.react-进阶-mobox-入门

3.react-进阶-mobx-远程action

1.react-进阶-mobox-介绍

之前用的useEffect来管理状态，这里学习管理状态的第三方库mobx

2.react-进阶-mobox-入门

共享的数据：

新建一个文件 夹，来存储共享数据：这种根数据相关的代码，不牵扯到展示不包含jsx代码，只负责展示，以ts结尾

代码风格接近面向对象，代码里都是类啊，对象啊，属性啊，方法啊等等

构造器，需要调用一个方法，使之变成状态数据，加了这个属性才会变成可检测状态的属性

此时A7组件没有感知到数据的变化，需要借助

observe进行包装A7函数导出

此时只限于一个组件，我们想多个组件

3.react-进阶-mobx-远程action

上面只是改变了本地的初始值学生对象

下面我们显示去服务器查询学生数据，显示学生姓名

我们用onSearch事件，不像onChange，他需要点击搜索按钮，或者回车调用接口

有一个警告，数据来自远程需要这样写：赋值操作需要用

派生值：

定义像方法，使用像属性，使用的时候不用家（）了

这个属性，具有缓存功能，如果参数值不变，取的是缓存值，不用调用接口了

只打印了一次

如何手动把属性、方法、get方法变成状态数据action方法，以及计算值，我们前面是用了makeAutoObservable，他可以吧store中的属性变成状态数据，这些是自动的，我们手动怎么做？

可以注解语法，需要修改文件