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