[UNSOLVED][QUESTION] How to easly access to the data of a row ?

[MGMehdi]

Discussed in https://github.com/petyosi/react-virtuoso/discussions/683

^{Originally posted by **MGMehdi** June 14, 2022} Hello, If I want to access to the data of a row I need to do this ```js TableRow: React.forwardRef((props) => ( console.log(props.children.props.children[0].props.children)}/> )), ``` Isn't there a better solution ?

[MGMehdi]

Well, thanks I guess ?

[adirzoari]

@MGMehdi @petyosi did you find a solution? I'm trying to make hover to row and call an action when hover

[AdamAtFoyer]

One way to retrieve the row's data is to use the "context", and get the index of the row using a data attribute:

    TableRow: React.forwardRef((props, ref) => {
        const { context: { data, }, ...otherProps } = props;
        const index = props['data-index'];
        const item = data[index];

        return (
            <TableRow {...otherProps} />
        );
    })

And in your virtuoso table:

            <TableVirtuoso
                context={{ data, }}
                data={data}
                itemContent={renderRow} />