文章詳情頁
node.js - antdesign怎么集合react-redux對input控件進行初始化賦值
瀏覽：360日期：2024-08-05 14:52:13
問題描述
https://segmentfault.com/q/10...https://segmentfault.com/q/10...對于這兩個帖子問題的原因已經找到了，原來是因為react-redux，進行頁面加載的時候，會先把原來的標簽加載一次，然后再執行componentDidMount事件
ps.我也試過了componentWillMount事件，結果相同。執行順序(詳)：1.在第一次加載的時候，ant控件Input的defaultValue已經被賦值了，只不過沒有找到，所以是undefined
2.然后執行componentDidMount/componentWillMount時間，在把ss重新賦值，賦予給Input的defaultValue
我再控制臺也輸出了ss,由結果也可以驗證上面的結論
看吧這一對是不是輸出了兩次？而我在代碼中只寫了一次
按照input的描述，頁面只有在第一次給input賦值的時候會把value值顯示在頁面上，后面不管在頁面上的控制臺更改幾次value都不會對頁面顯示產生影響，所以頁面一直都顯示空。
那么問題來了，我要怎樣做才能在react-redux的框架基礎上，并加入ant的標簽，對Input進行初始化賦值，并把這個賦值顯示在頁面上呢？
問題解答
回答1：render 是會在改變state的時候渲染 你第一次進頁面 render一次 然后你請求數據 會改變state 會再render一次！
回答2：state和props的改變都會導致組件被渲染, 但是是否真的要渲染是取決于你的shouldComponentUpdate這個函數的,你可以通過實現這個函數來控制是否要渲染
上一條：node.js - 剛裝上最新node，npm install報這個錯誤！求ndoe大神解答！！！下一條：node.js - antdesign的Input控件加了初始化值，網站控制臺暴警告，什么原因？
相關文章：
1. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能？3. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化4. 配置Apache時，添加對PHP的支持時語法錯誤5. css - 寫頁面遇到個布局問題，求大佬們幫解答，在線等，急！~6. javascript - nodejs關于進程間發送句柄的一點疑問7. javascript - 移動端上不能實現拖拽布局嗎？8. phpstudy8.1支持win11系統嗎？9. 實現bing搜索工具urlAPI提交10. Apache 已經把網站根目錄的改為allow from all了，但是服務器還是不能訪問？
排行榜
網公網安備