web-dev-qa-db-ja.com

React-Hook-Form Validationを持つラジオボタン

私はラジオボタンを持つフォームを作成し、React Hookフォームで検証を完了しましたが、コンソールでログデータを表示しながら選択ラジオボタンに「オン」を表示します。

<div className="">
              <label htmlFor="" className=" ">
                US Citizen?
              </label>
              <div className="">
                <div className="radio-container">
                  <input type="radio" name="radio" {...register("usCitizen")} />
                  <label>Yes</label>
                </div>

                <div className="radio-container">
                  <input type="radio" name="radio" {...register("usCitizen")} />
                  <label>No</label>
                </div>
              </div>
            </div>
 _
javascriptreactjsvalidationnext.jsreact-hook-form
2
Shiva KC

OnClickイベントを処理する関数を追加する必要があると思います。

const [radio, setRadio] = useState(false);

function handleClick(event){
    const [val] = event.target.value;

    setRadio(()=>{
    if (val === true){
       return(false)
    }
    else{
    return(true)
    }
}

}
<input type="radio" onclick={handleClick} value={radio}> 
 _
0
weak-coder