下面的TSX创建了一个React-Admin 4.8.3 SelectInput,带有一个叉,在点击时重置值。
<ReferenceInput
label={label}
reference={reference}
sort={byTranslatedAscendingNameSort}
source={source}
>
<SelectInput
optionText={`name_${locale}`}
resettable={true}
source="id"
validate={required()}
/>
</ReferenceInput>
点击重置叉后,值被重置,焦点不在组件上。
没有验证错误显示,直到组件获得和失去焦点。
Gif问题示例
SelectInput和SimpleForm validate在重置后检测到值未定义,因此设置errors对象并包含值。
但是直到组件获得焦点和失去焦点时才会显示。
验证策略是可定制的表单:验证模式,这里是一个策略的描述:props模式。试试这样的例子:
<SimpleForm
mode="onChange"
reValidateMode="onChange"
...
>