时间戳

首页 > 解决方案 > 如何处理material-ui DataGrid中的错误？

reactjs - 如何处理material-ui DataGrid中的错误？

问题描述

我使用 material-ui dataGrid 和道具 loading={false/true} 之一得到真或假。我需要相同的道具，但用于错误处理，但道具错误总是正确的。我该如何处理错误？

<DataGrid
    className={classes.root}
    components={{
      LoadingOverlay: CustomLoadingOverlay,
      NoRowsOverlay: CustomNoRowsOverlay,
      ErrorOverlay: CustomErrorOverlay,
    }}
    loading={loading}
    rows={data}
    columns={columns}
    pageSize={10} 
  />

标签： reactjsdatagridmaterial-ui

解决方案

您没有设置错误道具。您需要做的就是添加下面的错误道具，您应该会很好。当然，您仍然需要处理实际错误。

<DataGrid
    className={classes.root}
    components={{
      LoadingOverlay: CustomLoadingOverlay,
      NoRowsOverlay: CustomNoRowsOverlay,
      ErrorOverlay: CustomErrorOverlay,
    }}
    loading={loading}
    error={error} {/* Here */}
    rows={data}
    columns={columns}
    pageSize={10} 
  />

推荐阅读