React動態表單狀態處理

我有一個動態表單。基於用戶輸入，表單不會增長爲首選模式，並將表單中的所有用戶輸入捕獲爲React State。React動態表單狀態處理

表單提交我將狀態（JSON）轉換爲YAML文件。此狀態的JSON結構具有涉及多個數據結構的深層樹。當我更改此深層樹中的任何元素時，表單會更新。但是，隨着動態形式的增長，形式加載時間和反應時間增加。有什麼辦法可以更快地處理這種複雜的狀態操作？

來源

2016-07-19 bks4line

爲了獲得更好的性能，在渲染方法中，避免在事件處理函數上使用'this'綁定或箭頭函數（例如：'onChange = {（）=> this.handleChange（）}'）。將綁定移至您的構造函數方法。您可以通過更好地利用shoudlComponentUpdate生命週期方法進一步優化以獲得更好的DOM對帳。閱讀更多關於它[這裏]（http://buildwithreact.com/article/optimizing-with-shouldcomponentupdate）和[這裏]（https://facebook.github.io/react/docs/advanced-performance.html） –

所以這裏是我的方法使用

我做一個數組，並從數組添加的每個動態子，如果它有什麼變化，我更新具體爲索引的子表。所以只有部分樹被更新。

我也生成基於索引的輸入名稱，所以我可以通過拆分名稱來解析當前索引，例如username-10其中10來自索引，username是實際輸入。還要添加onBlur而不是onChange。

來源

2016-07-19 09:27:42 abhirathore2006

你能否提供一些解釋你方法的例子代碼 –

React動態表單狀態處理

回答

相關問題