CODEWITHSUNDEEP
javascriptreactjsredux-form
ketysek
ketysek

Reputation: 1219

Enable redux-form and set focus to field

I've got disabled form field by default and when user clicks on button Edit, it will enable the field. I also want to set focus on the field, but I don't know how. I've created ref to the field and tried some focus() function on it, but it hasn't worked. You can try it here on sandbox.

Upvotes: 1

Views: 7719

Answers (2)

nml
nml

Reputation: 588

just HTML's autofocus is much better: https://davidwalsh.name/autofocus

  • in react use with camelcase: autoFocus

Upvotes: 3

Mihai Matei
Mihai Matei

Reputation: 24276

  1. You must assign the ref to the input element instead of the Field component
  2. Add an callback to set in your parent component the reference of subcomponent input
  3. Use the reference to focus the input when pressing the edit button:

https://codesandbox.io/s/rlx390xn6m

Upvotes: 3

Related Questions