## 开发技巧
记录一些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)
当然,除了增加简单的代码片段, 还可以添加一些业务代码,比如整个列表页面的代码,整个编辑页面的代码,然后在做一些修改。