如何使用 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 访问所有行数据