Javascript 如何验证反应选择

我正在使用它来改善UI的外观，我已经实现了它，现在我要做的是

• 我想在用户单击“完成”按钮（表单提交）时验证该输入字段
• 我正在使用验证
• 它们提供保存输入字段值的

  ref={register}

• 所以对于正常的输入字段或选择，我可以像下面这样使用它

所以在这里，当我点击submit按钮时，它只对fname进行验证，并在控制台上只对fname进行输出

我试着像下面这样做

<Select
    value={initailSelect}
    onChange={(e) => onChangeAge(e)}
    options={data}
    ref={register({
        required: 'age is required is required',
    })}
/>

onchange（e）}
选项={data}
ref={寄存器({
必填项：“年龄是必填项”，
})}
/>

这是我的代码沙盒我的工作代码，请检查

编辑

---

我尝试过，但它没有占用

defaultValue

或

Value

，因为我想显示一个选定的值，在某些情况下，我从服务器获取的值要显示为选定值。

这里是codesandbox的链接，您可以将组件包装在控制器中，也可以使用setValue手动设置值并进行验证

参考文献

---

检查react hook表单中的控制器。您可以使用代码段的代码块来提问good@SreevardhanReddy我已经检查并实施了，但问题是它没有使用默认值。嘿，这里它没有使用默认值或值，因为我想将第一个显示为selected。我尝试使用设置值，但它没有显示屏幕上的值submit@manishthakur设置值无效，因为它是在注册字段之前触发的。尝试使用

setTimeout

<Select
    value={initailSelect}
    onChange={(e) => onChangeAge(e)}
    options={data}
/>

<Select
    value={initailSelect}
    onChange={(e) => onChangeAge(e)}
    options={data}
    ref={register({
        required: 'age is required is required',
    })}
/>