Показать подтверждение формы вкладки для входов, не являющихся прямыми дочерними элементами <FormTab> - PullRequest
Новая
       20

Показать подтверждение формы вкладки для входов, не являющихся прямыми дочерними элементами <FormTab>

1 голос
/ 27 сентября 2019

Когда несфокусированная вкладка имеет ошибку проверки, заголовок вкладки должен отображаться красным.Вместо этого, когда несфокусированная вкладка имеет ошибку проверки, заголовок вкладки не дает никаких указаний на ошибку.

Эта проблема возникает, когда я использую подкомпоненты.Если все компоненты определены на уровне создания / редактирования, вкладка становится красной, как и ожидалось.Но если есть вложенные компоненты, то вкладка отсутствует.

Есть ли способ, которым я могу "передать" проверку моему пользовательскому компоненту или пометить свои пользовательские поля как недействительные, чтобы вкладки правильно отмечались красным цветом, когдау них есть недопустимое поле?

В моем коде, например, я использую пользовательский ввод в качестве подкомпонента.В то время как входы загораются красным, когда они недействительны, вкладки не работают.

  • Этот код работает. 
export const ProductCreate = (props) => (
  <Create {...props}>
    <TabbedForm>
      <FormTab label="settings">
        <Field component={TextInput} name="name" label="Name" validate={required} {...props} />
        <SettingsTab />
      </FormTab>
      <FormTab label="sizes">
        <SizesTab />
      </FormTab>
    </TabbedForm>
   </Create>
);
  • Перемещая поле в подкомпонент,индикатор проверки не работает. 
export const ProductCreate = (props) => (
  <Create {...props}>
    <TabbedForm>
      <FormTab label="settings">
        <SettingsTab />
      </FormTab>
      <FormTab label="sizes">
        <SizesTab />
      </FormTab>
    </TabbedForm>
  </Create>
);


export const SettingsTab = (props) => (
  <div>
    <Field component={TextInput} name="name" label="Name" validate={required} {...props} />
  </div>
);

Я застрял в этой проблеме, и я не могу изменить свою текущую версию response-admin (react-admin@^2.9.3) без прерываниямного зависимостей от моего проекта.

...