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() // 返回一个变量
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
