啟用redux表單並將焦點設置為field

Question

我默認情況下禁用了表單字段，當用戶單擊“ Edit ”按鈕時，它將啟用該字段。 我也想專注於該領域，但我不知道如何。 我已經創建了對該字段的ref ，並對其嘗試了一些focus()函數，但是它沒有起作用。 您可以在沙盒上嘗試。

Answer 1

1. 您必須將ref分配給輸入元素，而不是Field組件
2. 添加一個回調以在父組件中設置子組件輸入的引用
3. 按下編輯按鈕時，使用參考來聚焦輸入：

https://codesandbox.io/s/rlx390xn6m

Answer 2

只是HTML的autofocus要好得多： https : //davidwalsh.name/autofocus

• 與camelcase autoFocus使用時： autoFocus