我还是个新手.我收到了错误消息:

数据网格组件要求所有行都具有唯一的I‘d属性.或者,您可以使用getRowId属性为每一行指定一个自定义ID.

我try 了几种不起作用的方法.几乎花了两天的时间,没有得到任何解决方案.任何帮助都会是很大的帮助.

推荐答案

mui datagrid中,每一行必须有unique identifier.默认情况下,数据网格查找数据集中已有的名为id的属性,以获取该标识符.我不知道为什么在你的案子里它不起作用.但是,也许您可以try 使用错误提示的getRowId属性:

<DataGrid getRowId={(row) => row.id} />

如果不起作用,你可以试试:

1 -安装UUID:npm i uuid

2 -进口排名靠前:import { v4 as uuidv4 } from 'uuid';

3-与数据网格相加getRowId:<DataGrid getRowId={() => uuidv4()} />

Reactjs相关问答推荐

我想将状态设置为true,直到每一张卡片都生成并在多姆中呈现

react 路由GUGUD Use Effect无法通过useNavigate正常工作

如何使用皮金贴图在Reactjs中制作 map 上的点之间的线的动画?

捕获表单数据时的Reactjs问题

禁止直接访问Next.js中的页面,同时允许从应用程序内部访问

Material-UI 和 React Hook 表单不记录值

我从 S3 存储桶下载图像时收到错误

如何使用 App Router 和服务器组件在 Next.js 13 中实现分页

useEffect 和 ReactStrictMode

面临 React 模式中点击外部条件的问题

useEffect 内的 onClick 和 addEventListener 之间的 click 事件顺序差异

useMemo 依赖项的行为

无法设置 null 的属性(设置src)

Stripe Checkout:是否可以创建不自动续订的订阅?

Suspense/Await - 解析数据加载/保存到状态后无限循环

在 React JS 中编辑表格数据

使用 react-markdown 组件时 Tailwind CSS 的问题

来自一个自定义 React Native 组件的样式从另一个自定义组件移除样式

无法在 reactJS 中使用空包装器 <>

在 Reactjs 中状态发生变化时渲染一个新组件而不替换旧组件