javascript - react js中的单选按钮验证。未选择任何内容时无法收到我的错误消息

Question

如何在此处向我的单选按钮添加验证。我想在用户未选择任何一个单选按钮并提交表单时显示消息。它正在工作，但即使选择了一个单选按钮，我也会收到错误消息。我的逻辑中缺少什么？

 <div className='formfields'>
                        <label htmlFor='gender'
                        className='gender' >
                        Gender
                        </label>
                        <input type='radio'
                         id='male'
                        name='male'
                         value='male'                     
                         onChange={inputChanger}/>
                         <label htmlFor='male'>Male</label>
                         <input type='radio'
                         id='female'
                        name='female'
                         value='female'
                         onChange={inputChanger}/>
                         <label htmlFor="female">Female</label><br></br>
                         {errors.gender && <p>{errors.gender}</p>}
                    </div>
    
     if(!(datas.gender == 'male' || datas.gender =='female') )
        {
            errors.gender = 'Select a gender'
        }

标签： javascriptreactjs

Answer 1

您可以尝试转换以下语句：

if(!(datas.gender == 'male' || datas.gender =='female') )

至

if((datas.gender===undefined)|| !(datas.gender == 'male' || datas.gender =='female'))