2016-12-19 82 views
3

第一篇文章,請耐心等待。最好的方式來跟蹤形式爲殘疾的字段

我已經搜索了這個問題,但無法弄清楚。

請考慮一個包含3個文本字段的表單:A,B和C. 當A被填充時,將啓動異步服務器讀取並且結果可以定義B或C或兩者的值。 如果用戶更改了A,則必須清除B e C的舊值並啓動新的提取。 目前爲止這麼好。我在需要填寫(或清除)B和C時調度更改操作。

但是,有一條規則。 當一個字段被服務器讀取填充時,它必須被禁用,所以用戶不能直接更改該值。 如果不是,則必須保持啓用狀態,以便用戶填寫。

您認爲跟蹤必須禁用的字段的最佳方法是什麼?

據我搜索,redux形式不直接這樣做。

我應該將這個信息保存在redux狀態的分離結構上嗎?我應該使用reducer插件來擴展redux-form狀態嗎? 無論哪種方式,我應該派遣一種新的行動來禁用每個領域?

其他選項是使用「自動填充」而不是「更改」,並禁用標記爲自動填充的字段。

我錯過了一個非常簡單的解決方案嗎?

謝謝

回答

0

我不確定是否有一個「簡單」的解決方案。就個人而言,我會創建一個跟蹤B和C,也許像

{ 
    BGenerated: true, 
    CGenerated: true 
} 

,當狀態的渲染你的Field輸入做出反應狀態,添加道具disabled={this.state.BGenerated}