我在react应用程序中使用来自prime react的DataTable组件来创建数据表。该表显示与该表之外显示的某些其他数据相对应的数据行。我的要求是,每当用户点击其他数据时,表中对应的行(与该数据匹配(都应该突出显示。我研究了为DataTable
提供的API,发现了filter
方法,该方法可以通过向我提供与单击的数据匹配的行的DOM引用来实现这一点。但是我不知道如何使用filter
方法。我试着像这样在DataTable
上使用ref
,但它不起作用:
import React, { createRef } from "react";
const tableRef = createRef();
<DataTable
ref={tableRef}
value={props.value}
/>
tableRef.filter(); // doesn't work
应该是
const [reference , setReference] = useState();
<DataTable value={props.value} ref={(arg) => setReference(arg)} />