最近需要接手別人c#那邊組的一個專案新增頁面，但他們的是React的框架，作為一名后端，沒接觸過，一臉懵逼，，，，，，
說哈我的處理思路：
一、先用相應的程式打開該專案的原始碼，如：react用vscode打開
二、先找到了頁面，查看頁面結構
這是我后面加的頁面，可以看出來，less類似css樣式
js頁面內容：
當組件實體被創建并插入 DOM 中時，其生命周期呼叫順序如下：
-
constructor(): 在 React 組件掛載之前，會呼叫它的建構式，getDerivedStateFromProps(): 在呼叫 render 方法之前呼叫，并且在初始掛載及后續更新時都會被呼叫，render(): render() 方法是 class 組件中唯一必須實作的方法，componentDidMount(): 在組件掛載后（插入 DOM 樹中）立即呼叫，
render() 方法是 class 組件中唯一必須實作的方法，其他方法可以根據自己的需要來實作，
三、然后通過調后臺介面，找到了models/app.js
發現里面有定義個物件，export default命令用于指定模塊的默認輸出，
語法決議：
namespace model 的命名空間，同時也是他在全域 state 上的屬性，只能用字串，不支持通過 . 的方式創建多層命名空間，
state 是初始值，優先級低于傳給 dva() 的 opts.initialState（index.js檔案中定義），
reducers 用于處理同步操作，唯一可以修改 state 的地方，由 action 觸發，格式為 (state, action) => newState 或 [(state, action) => newState, enhancer]，
effects 如果yield call的是一個Promise物件，那只有在Promise回傳的是resolve方法的情況下，下面跟著的yield put及后面的代碼才會執行，若回傳了rejector則后面的代碼則全部停止執行，
這兒才是實際呼叫后端介面的觸發點，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/538070.html
標籤：其他
上一篇：antd pro 使用心得
下一篇：5種典型 API 攻擊及預防建議