如何解决如何使用 React-Table 中未显示在一行中的数据?
例如,我想使用 id
作为将通过 row.values 在位于 Actions 组件中的 Actions 标头中传递的内容。虽然我可以获取名字和姓氏的值,但我不能获取 id
const Accounts = () => {
const [columns,setColumns] = useState(useMemo(() => [
{
Header: 'First Name',accessor: 'firstName',},{
Header: 'Last Name',accessor: 'lastName',{
Header: 'Actions',Cell: ({row}) => (
<Actions values={row.values}/>
)
}
],[]
));
const [data,setData] = useState(useMemo(() => [
{
id:1,firstName:"john",lastName:"johnson",{
id:2,firstName:"dave",lastName:"jones",{
id:3,firstName:"steve",lastName:"smith",],[]));
return (
<>
// react-table component
<Table columns={columns} data={rdata}/>
</>
)
}
解决方法
您可以使用 row.original 访问所有行数据
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。