文章詳情頁
node.js - antdesign怎么集合react-redux對input控件進行初始化賦值
瀏覽：353日期：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. 微信公眾號在線生成二維碼帶參數怎么搞？2. android - 使用百度sdk調用SDKInitializer.initialize(this)時報錯？3. javascript - react熱加載的一段代碼4. javascript - 最近用echarts做統計圖時遇到兩個問題??！5. myeclipse中修改了javaweb的web.xml文件，為什么有時候會自動重新部署生效，有時就不會自動呢？6. html5 - 用h5本地存儲是否安全？7. javascript - webpack-dev-server和webpack沖突嗎8. android - 優酷的安卓及蘋果app還在使用flash技術嗎？9. javascript - 使用百度文本編輯器ueditor不顯示樣式問題10. 淺談Vue使用Cascader級聯選擇器數據回顯中的坑
排行榜
網公網安備