1.建一个index.tsx/index.jsx 构成组件的页面

2.建一个index.state.ts/index.state.js文件，用来关联组件之间的状态，mobx提供oberserve监听组件中状态变化，这是，react本身自带的状态管理如：this.setstate/useState等方法建议不再使用，可能会带来数据更加难以追踪的问题

3.建一个service.js文件集中管理该页面的所有需要的接口，然后导出供使用。

4.index.less 页面独特的样式

5.components 里面存放一些该组件拆分出来的仅有的组件

=> 前端和后端对接基本流程：在页面上进行某个操作，比如搜索，点击按钮，调对应的接口，请求成功之后，将返回的数据处理成需要的格式赋值给mobx中管理的一个变量，页面直接引用该变量即可。

函数组件中一些常见的钩子函数：

useState() // 相当于this.setState
useEffect()// 相当于components Mounted 渲染完成时
useRef() // 可以用来定义一个全局变量
useCallback()
useMemo() // 返回一个变量