当需要单选按钮时，如何在按钮单击时显示错误

Question

我正在使用react-final-form https://final-form.org/docs/react-final-form/examples 我想这样显示，如下图所示：

因为我的字段是required

这是我的代码 https://codesandbox.io/s/cool-torvalds-lhe9d

export const renderRadio = field => (
  <SForm.Radio
    checked={field.input.value === field.radioValue}
    label={field.label}
    required={field.required}
    error={field.error && field.touched}
    //error={true}
    name={field.input.name}
    onChange={(e, { checked }) => field.input.onChange(field.radioValue)}
  />
);

当我喜欢这个//error={true} hardcorded时，它会显示预期的输出。

但我希望单击按钮时具有相同的行为

有任何更新吗？