我需要保留各種組件onChange
事件的狀態更改。因此我將它們保存在它們的狀態中,因爲直接存儲可能會導致重新渲染和損害用戶體驗,甚至導致一些錯誤。我現在需要在用戶點擊某個按鈕並將這些狀態值壓入redux(這一點很簡單)時獲取所有這些組件的狀態,但是如何訪問將更新redux狀態的操作中的所有組件狀態?因爲我需要單獨訪問它們。從REDX動作訪問組件狀態
1
A
回答
4
首先,您應該檢查應用程序的整個工作流程,因爲將字段保存爲REDX應該不會造成重新渲染的巨大開銷。
你也應該瞭解哪些行動(從官方文檔的終極版):
操作是從 應用程序發送數據到您的商店的信息的有效載荷。他們是商店唯一的信息來源 。您使用store.dispatch()將它們發送到商店。
因此,動作應包含其內部所有需要的數據。
如果您選擇爲整個表單啓動一個動作,則可以採用此方法(聯繫表單就是一個很好的示例,因爲只有在完全填充時纔會發送該表單)。
首先,當你做按鈕點擊時,你應該調用父component
的功能(它包含所有需要的字段並知道如何收集需要的日期)。
父組件的功能可以將所有字段值存儲在它自己的state
中,或收集子components
的states
。
然後,你將能夠從這個功能派遣與所需的PARAMS行動
(通常動作調度員從container
傳遞)在官方網站上,你可以找到一個很好的解釋:UsageWithReact
相關問題
- 1. 如何在REDX狀態下訪問數組(對象)元素
- 2. 從組件類訪問狀態
- 3. 使用getState訪問處於API調用狀態的REDX狀態的密鑰
- 4. 從組件中傳遞值作爲參數狀態或訪問動作創建者中的狀態?
- 5. Angular 1.5組件訪問ui-router $狀態
- 6. 訪問renderDOM中的組件狀態值
- 7. 設計REDX狀態樹
- 8. 用一次動作在兩個地方更新REDX狀態
- 9. 包裝組件仍然呈現,當REDX狀態說不應該
- 10. React REDX - 如何將狀態傳遞到組件
- 11. 從REDX簡單路由器的兒童訪問REDX店
- 12. 從Dart中的其他Web組件訪問狀態
- 13. 無法從子組件中訪問狀態
- 14. 如何從HOC訪問包裹組件狀態
- 15. React.js:從獨立組件訪問整體應用程序狀態
- 16. 從父組件訪問子項的狀態?
- 17. 如何從全局訪問React組件的狀態?
- 18. 動態動作狀態的問題
- 19. 動態訪問德爾福組件
- 20. 訪問Vuex狀態
- 21. 動態訪問PHP數組
- 22. 訪問數組值動態
- 23. 動態訪問Javascript數組
- 24. D3JS動態訪問數組
- 25. 對'大'數據使用'狀態'和REDX
- 26. reactjs狀態不通過REDX更新
- 27. REDX狀態樹上的重複項目
- 28. REDX從狀態獲取項目或從服務器獲取
- 29. 如何從反應組件訪問REDX存儲以進行身份驗證
- 30. 組件props.dispatch不起作用。 React REDX
「爲節省直奔終極版將導致大量重新渲染和損害用戶體驗,甚至有時會引發錯誤「。這似乎是要解決的真正問題,因爲這絕對不是我的經驗。 – rossipedia