javascript - 如何使用未在 React-Table 中连续显示的数据？

Question

例如，我想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}/>
        </>
    )
}

Answer 1

您可以使用 row.original 访问所有行数据