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}
/>
解决方案
您没有设置错误道具。您需要做的就是添加下面的错误道具,您应该会很好。当然,您仍然需要处理实际错误。
<DataGrid
className={classes.root}
components={{
LoadingOverlay: CustomLoadingOverlay,
NoRowsOverlay: CustomNoRowsOverlay,
ErrorOverlay: CustomErrorOverlay,
}}
loading={loading}
error={error} {/* Here */}
rows={data}
columns={columns}
pageSize={10}
/>
推荐阅读
- reactjs - 从数据库 reactjs 中删除显示的图像芯片
- java - 我用 createEntityManagerFactory 但不是 @PersistenceContext 得到“无效的 persistence.xml”
- bash - 两场比赛之间的 Bash Print
- ag-grid - 限制 ag-grid 中每组显示的行数
- azure - 我如何使用 terraform 运行特定的虚拟机
- excel - 选择一个文件并复制到 Excel VBA 中的文件夹
- python - 无法在 Windows 上使用 pipenv 创建环境
- javascript - React - Rxjs:在流中转换父组件事件处理程序
- javascript - div上的悬停问题,水平滚动出现在最后一个div上
- google-apps-script - 谷歌 adon 中的清单文件