Other than addRow functionality in addRowsComponent ?

[ronniee-07]

Hi Nick,
I tried to add different button in addRowsComponent. But on click addRow() method is called. Is there anyway I can implement Undo, Update button just after addRow button ?

[nick-keller]

Can you share the code of your component ?
I'd assume you added a prop onClick={addRow} on the other buttons.

[ronniee-07]

[ronniee-07]

whenever I clicked on undo/update button already added row becomes empty & only one row with initial state will be there.

[nick-keller]

I tried it myself, this must come from the implementation of the handleUpdate and handleUndo. I suspect they might be wrapped in a useCallback or something, and you are missing a dependency on the value.

Feel free to share your implementation.

[ronniee-07]

Hi Nick,
Please find below sandbox link. Behaviour is reproducible. Please correct me if i am doing anything wrong.
Thanks

https://codesandbox.io/s/ecstatic-gould-y0gv3c

[nick-keller]

Alright, as I suspected, your buttons don't have access to the "latest" versions of commit and cancel.
What you have to do is create a ref:

[ronniee-07]

Thanks