时间戳

首页 > 解决方案 > 获取 PrimeReact 中匹配行的 DataTable 行引用

reactjs - 获取 PrimeReact 中匹配行的 DataTable 行引用

问题描述

我在我的 React 应用程序中使用来自prime-react的 DataTable 组件来创建数据表。表格显示与表格之外显示的其他一些数据相对应的数据行。我的要求是，每当用户单击其他数据时，表中的相应行（与该数据匹配）都应突出显示。我探索了为 给出的 API DataTable，并且遇到了filter一种方法，该方法可以通过给我一个与单击的数据匹配的行的 DOM 引用来实现这一点。但我不确定如何使用该filter方法。我尝试ref在DataTable这样的设备上使用 a ，但它没有用：

import React, { createRef } from "react";

const tableRef = createRef();

<DataTable
   ref={tableRef}
   value={props.value}
/>

tableRef.filter(); // doesn't work

标签： reactjsprimereact

解决方案

应该

const [reference , setReference] = useState();
<DataTable value={props.value} ref={(arg) => setReference(arg)} />

推荐阅读