SelectInput resettable没有得到焦点/显示验证错误

Question

下面的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对象并包含值。

但是直到组件获得焦点和失去焦点时才会显示。

Answer 1

验证策略是可定制的表单:验证模式，这里是一个策略的描述:props模式。试试这样的例子:

<SimpleForm
mode="onChange"
reValidateMode="onChange"
...        
>