## 開發技巧 記錄一些React的開發技巧，以及說是技巧，不如說是開發中一些經驗吧。 ### 一、 Ajax請求放在哪里？ Ajax請求放在 `componentDidMount` 這個生命周期里面，請求結束之后，在請求成功的回調函數里面 調用 `this.setState` 方法，設置組件狀態，然后重新渲染。 `render` 方法里面，可以根據一個狀態來展示 `loading` 界面，或者展示頁面。 同理，其他需要 調用 `this.setState` 方法的邏輯，也放在這里 ### 二、 自定義代碼片段 前端開發還是推薦webstrom，因為Webstrom支持各種提示，自定義代碼片段，點擊React組件，可以跳轉到指定的文件里面，點擊方法，也可以跳轉到方法定義的位置。內部集成了Git, SVN。 自帶本地版本控制。 1. **如何自定義代碼片段** 打開設置面板 webstrom => Preferences => Live Templates   設置好輸入rclass的時候，生成的代碼片段。 實際開發的時候，直接輸入該關鍵字，就可以快速生成代碼片段。大大提高開發的效率。  當然，除了增加簡單的代碼片段， 還可以添加一些業務代碼，比如整個列表頁面的代碼，整個編輯頁面的代碼，然后在做一些修改。