Как показать, не прошла ли проверка на вкладке - PullRequest
Новая
       2

Как показать, не прошла ли проверка на вкладке

0 голосов
/ 17 сентября 2018

Я хочу показать, не прошла ли проверка на FormTab. У меня есть следующий код для моего создания: 

const validateCompanyName = [required('Company name is required')];
const validateVat = [required('VAT is required'), regex(/(0|1)(\d{9})$/, 'Illegal VAT number')];
export const AannemerCreate = withStyles(styles)(({classes, ...props}) => (
<Create {...props}>
    <TabbedForm>
        <FormTab label="Company data">
            <TextInput label="Name" source="companyData.name" formClassName={classes.inlineBlock} fullWidth={true} validate={validateCompanyName}/>
            <TextInput label="VAT nr" source="companyData.vatNr" formClassName={classes.inlineBlock} fullWidth={true} validate={validateVat}/>
        </FormTab>
        <FormTab>
            ... some other input fields without validation
        </FormTab>
    </TabbedForm>
</Create>));

Если я пытаюсь сохранить эту форму с недопустимыми данными, ошибки отображаются, как и ожидалось. Если я попытаюсь сохранить эту форму на второй вкладке, в снэк-баре появится сообщение. Однако стили на вкладках не изменяются.

Как я могу изменить заголовок вкладки или стиль вкладки, чтобы показать, какая вкладка содержит недопустимые данные, когда форма недействительна? Можно ли изменить сообщение в снэк-баре, если да, как мне это сделать?

...