Как добавить таблицу материалов для проверки или проверки

Question

Я использую библиотеку таблиц материалов: https://material -table.com / # /

Я создал компонент многократного использования, поэтому я создал таблицу со столбцом иданные. Я настроил издание и обновление. тем не менее, я вынужден управлять BACK проверкой данных, которые вводит пользователь. Я хотел бы настроить ту же систему, что и в Forms, со схемой проверки, например, yup.

Вот код:

<Table 
    title="List type tiers"
    column={[{ title: 'TYPE TIERS', field: 'libelle' }]}
    data={tiersList}
    isLoading={isLoading}
    editable={{
        onRowAdd: newData =>
            new Promise(resolve => {
                setIsLoading(true);
                setTimeout(() => {  
                    addTypeTiers(newData.libelle)
                        .then(() => {
                            recuperationListTiers();
                        })
                    resolve();
                }, 600);
            }),
        onRowUpdate: (newData) =>
            new Promise(resolve => {
                setIsLoading(true);
                setTimeout(() => {
                    updateTypeTiers(newData.id, newData.libelle)
                        .then(() => {
                            recuperationListTiers();
                        })
                    resolve();
                }, 600);
            }),
    }}
    pageSize={pageSize}
    initialPage={initialPage}
    search
    paging
    headerStyle={{ height: '15px', minHeight: 'unset', fontWeight: 'bold', color: 'white', padding: '5px 40px 5px 16px', backgroundColor: 'grey' }}
/>

Answer 1

Вам потребуется переопределить компоненты EditRow и / или EditField с помощью собственной логики (просто скопируйте, вставьте их в свой проект и исправьте соответствующим образом), а затем передайте эти переопределения в конфигурацию material-table через * 1004. * property.

Боюсь, сейчас нет другого пути.