Question: How to focus on a specific field after submitting?

[serkandurusoy]

I want to be able to focus on a specific field on a form after the form submit has been handled, but could not manage to get a reference to the input of a field component I want to target.

Tried to track down some API for that but could not find one, so what would be the canonical way to get a reference for an input?

[radekmie]

Well, there's no such API, because there don't have to be any input - take the HiddenField (with noDOM prop) as an example. Or a custom field with 2 inputs. What then?

[serkandurusoy]

Well my main point is not about focusing, but it is about being able to get a reference, though you are right that the reference would not mean anything for non-standard componets. I simply achieved this by creating a new input component that accepted a prop that gets passed to the `input`'s `ref` ​

[radekmie]

Okay, so some fields like TextField or NumField could pass own ref prop to proper input. That should be enough, isn't it?

[serkandurusoy]

Sure, definitely. In fact, that's how I solved my immediate problem.

The only gotcha is you cannot name that property as refbecause it is
reserved.

On Wed, Jul 13, 2016 at 12:36 PM, Radosław Miernik <notifications@github.com

wrote:

Okay, so some fields like TextField or NumField could pass own ref prop
to proper input. That should be enough, isn't it?

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#68 (comment), or mute
the thread
https://github.com/notifications/unsubscribe/AEbz3NlllKZ4UuzoGVacNZQ2ZMu-TzGDks5qVLGygaJpZM4JKoff
.

[radekmie]

Okay, any idea, how to call it? How about inputRef?

[serkandurusoy]

Yep that's a good name, indeed!