javascript - 如何在反应中设置渲染器上的 yup 验证
问题描述
{
label: "Room",
name: "room",
type: "select",
rule: yup.string().min(1, 'Room field must have at least 1 or more items').required('Room is a required field'),
renderer: () => {
const { control, register, errors } = useFormContext();
return (
<SelectPicker
placeholder="Room"
data={roomList}
labelKey="name"
valueKey="row"
onChange={(value) => {
control.setValue('room', value)
}}
value={control.getValues()['room']?.row}
/>
)
}
如何在 selectpicker 上应用 yup 验证,因为单击提交按钮后它不会显示错误消息。
我试图申请添加这个
validate={value => {
if (!value) {
return "Required";
}
}}
在 rsuite 选择器上
解决方案
推荐阅读
- javascript - 如何全局访问 JavaScript 对象
- c# - 将 Web API 控制器从主 ASP .NET 应用程序中分离出来
- python - 填充由数组中的行、列索引偏移的对角线和反对角线 - NumPy / Python
- php - 我无法将下拉 html 中的数据插入 sql
- python - 保存和加载 Keras 总是错误模型与 0 层
- angular - FabricJS 粗体、斜体样式在 ITexts 中不起作用
- reactjs - 如何在包装在 HOC 中的组件内使用 useContext() 挂钩?
- sql - 如何用另一个存储过程执行一个存储过程?
- python - 配置解析器从ini文件中获取“单词列表”后如何将它们转换为变量
- python - TypeError:描述列表中的每个项目都必须是 AccessDescription