ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
## 开发技巧 记录一些React的开发技巧,以及说是技巧,不如说是开发中一些经验吧。 ### 一、 Ajax请求放在哪里? Ajax请求放在 `componentDidMount` 这个生命周期里面,请求结束之后,在请求成功的回调函数里面 调用 `this.setState` 方法,设置组件状态,然后重新渲染。 `render` 方法里面,可以根据一个状态来展示 `loading` 界面,或者展示页面。 同理,其他需要 调用 `this.setState` 方法的逻辑,也放在这里 ### 二、 自定义代码片段 前端开发还是推荐webstrom,因为Webstrom支持各种提示,自定义代码片段,点击React组件,可以跳转到指定的文件里面,点击方法,也可以跳转到方法定义的位置。内部集成了Git, SVN。 自带本地版本控制。 1. **如何自定义代码片段** 打开设置面板 webstrom => Preferences => Live Templates ![](https://box.kancloud.cn/0a5bff711fe038aae0053b0343ebf486_241x234.png) ![](https://box.kancloud.cn/a8252f577483bf6af7fb77892cbf9bf9_829x670.png) 设置好输入rclass的时候,生成的代码片段。 实际开发的时候,直接输入该关键字,就可以快速生成代码片段。大大提高开发的效率。 ![](https://box.kancloud.cn/0a0761dcdcba03477152c8d6403a7a44_812x579.png) 当然,除了增加简单的代码片段, 还可以添加一些业务代码,比如整个列表页面的代码,整个编辑页面的代码,然后在做一些修改。