Загрузчик не отображается во время подкачки или фильтрации в MUIDatatable - PullRequest
Новая
       45

Загрузчик не отображается во время подкачки или фильтрации в MUIDatatable

0 голосов
/ 26 марта 2020

Я использую MUIDatatable в моем проекте React, который использует избыточность. Я показываю загрузчик во время вызова API, который работает нормально в первый раз, когда MUIDatatable получает данные. Но когда я использую фильтр или меняю страницу из панели инструментов подкачки, мой загрузчик не отображается. Я использую настройку притока, в которой мой редуктор возвращает состояние loading: true , а после вызова API возвращает состояние loading: false , что совершенно нормально, но загрузчик по-прежнему не отображается. Я использовал следующую опцию, где использовал компонент loader : 

const options = {
    filterType: 'dropdown',
    responsive: 'scrollFullHeight',
    serverSide: true,
    count: total,
    page: page,
    searchText: tableState.options.searchText,
    customToolbarSelect: renderCustomSelectToolbar,
    textLabels: {
        body: {
            noMatch: loading ?
                <Loader loading={loading} /> :
                'Sorry, there is no matching data to display',
        },
    }
};

Затем я использовал эту опцию в моем MUIDatatable, например: 

<MUIDataTable
    title={"Service Request List"}
    data={requests}
    columns={columns}
    options={options}
/>

1 Ответ

0 голосов
/ 31 марта 2020

Я нашел свое решение. нам нужно использовать подпорки и троичный оператор, как показано ниже: 

{ 
   loading ?  <Loader loading={loading}/> :
   <MUIDataTable
      title={"Service Request List"}
      data={requests}
      columns={columns}
      options={options}
   />
}
...