React virtualized table custom rowRenderer state

Question

I am trying to create custom rows on a table with their own state. Unfortunately, the rowRenderer property on the Table component must be Proptypes.func and not a full react component where I have access to lifecycle methods and state. Is there a reason for this, or is there an alternative method for me to be able to have a stateful component for each row?

See https://github.com/bvaughn/react-virtualized/blob/master/source/Table/Table.js#L167

I should also mention that I understand that these row components may be unmounted when they scroll off the screen. I am ok with that, as long as I can have state for it when it is in the viewport.

bvaughn · Accepted Answer · 2017-03-28 16:56:42Z

3

You can return a class component (with lifecycle hooks) from a function prop like rowRenderer. eg

function rowRenderer(props) {
  return <RowComponent {...props} />
}

answered Mar 28, 2017 at 16:56

bvaughn

13.5k49 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React virtualized table custom rowRenderer state

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related