React-final-form: How to handle radio buttons in react-final-form?
Are you submitting a bug report or a feature request?
Bug Report
What is the current behavior?
I am not getting the radio input value when the Field type is radio. I am not even sure if this is the correct way to handle radio inputs using RFF.
What is the expected behavior?
I should receive value in the input prop to set the checked value on the radio inputs.
Sandbox Link
https://codesandbox.io/s/nostalgic-tdd-vy2r1
What's your environment?
Latest of both libs and Chrome 75 on Windows 10.
mohsinulhaq
All 5 comments
The library does all that for you. (See Simple Example) Handling it yourself is _possible_, but complicated. If you use one Field component per radio button, with the value prop, things will get a lot easier. When you use type="radio", RFF generates a checked boolean for you.
erikras
on 8 Jul 2019
Great sandbox, btw. It helps _immensely_ in understanding what a lib consumer is trying to do. 馃憤
erikras
on 8 Jul 2019
Updated link to example : https://final-form.org/docs/react-final-form/examples/simple
jbmusso
on 5 Feb 2020
could anyone point me to the simple example? its gone again
ptrwllrt
on 26 Mar 2020
This should be in the documentation: https://codesandbox.io/s/kind-sky-pqoot?fontsize=14
kopax
on 20 May 2020
Related issues
vlopp
路
4Comments
gsantiago
路
5Comments
mewben
路
3Comments
jkantr
路
4Comments
morloy
路
4Comments
Most helpful comment
The library does all that for you. (See Simple Example) Handling it yourself is _possible_, but complicated. If you use one
Fieldcomponent per radio button, with thevalueprop, things will get a lot easier. When you usetype="radio", RFF generates acheckedboolean for you.