title: ReactJS: RadioButton on reset
body: <p>I have a form in which I have <code>avRadioButton</code>.</p>
  <p>When I click on one of this <code>radioButton</code>, I save the value &quot;S&quot; or &quot;N&quot;.
  But when I click on <code>resetForm</code> the value is set on empty string, but the radio button remains checked ( so if I click on submit form another time the <code>radioButton</code>'s value is taken)</p>
  <pre><code>    const [formModel, setFormModel] = useState({
          //... other fields
          perFlgattivo: '',
        });
      
      const handleFormReset = e =&gt; {
          setFormModel({
          //... other fields
            perFlgattivo: '',
          });  
      }
      
      const handleChangeRadio = e =&gt; {
          const { name, value } = e.target;
          console.log(&quot;e.target &quot;, e.target)
          setFormModel(prevState =&gt; ({
            ...prevState,
            [name]: value,
          }));
        };
  </code></pre>
  <p>and this is my radioButton in the form:</p>
  <pre><code>    &lt;AvRadioGroup name=&quot;perFlgattivo&quot; inline&gt;
                          &lt;Label id=&quot;perFlgattivo&quot;&gt;Active&lt;/Trans&gt;
                          &lt;/Label&gt;
                          &lt;br&gt;&lt;/br&gt;
                          &lt;AvRadio
                            id=&quot;perFlgattivo&quot;
                            name=&quot;perFlgattivo&quot;
                            data-cy=&quot;perFlgattivo&quot;
                            label=&quot;Si&quot;
                            value=&quot;S&quot;
                            onChange={handleChangeRadio}
                            checked={formModel.perFlgattivo}
                          /&gt;
                          &lt;AvRadio
                            id=&quot;perFlgattivo&quot;
                            name=&quot;perFlgattivo&quot;
                            data-cy=&quot;perFlgattivo&quot;
                            label=&quot;No&quot;
                            value=&quot;N&quot;
                            onChange={handleChangeRadio}
                            checked={formModel.perFlgattivo}
                          /&gt;
                        &lt;/AvRadioGroup&gt;
  </code></pre>
  <p>So my problem is when I'm trying to clear the value, because even if the <code>formModel.perFlgattivo</code> results an empty string, the value in the form remains checked</p>