Is it possible to remove one row without re-render the entire table #2448
-
|
For example, if I am passing users array (using useState [users, setUsers]) to the table, and on click of a button, modify users by setUsers(users.splice(1)). Currently I am seeing all rows and cells are getting re-rendered, is there anyway to avoid this? |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 4 replies
-
|
@tannerlinsley I am facing this issue as well. |
Beta Was this translation helpful? Give feedback.
-
|
Yeah...re-rendering of rows and cells will be done on change of data... it cannot be avoided as of now... |
Beta Was this translation helpful? Give feedback.
-
|
Maybe my issue is a bit different then... my problem is that when the parent component changes state (think opening a modal, etc) the entire table reloads as well even when there were no data changes |
Beta Was this translation helpful? Give feedback.
-
|
try wrapping your table component in React.memo |
Beta Was this translation helpful? Give feedback.
-
|
@gargroh unfortunately the table component is being called from a component class - React.memo is only available in functional components right? |
Beta Was this translation helpful? Give feedback.
-
|
it is intended to work with any component... |
Beta Was this translation helpful? Give feedback.
-
|
or you can use pureComponent thing... |
Beta Was this translation helpful? Give feedback.
Yeah...re-rendering of rows and cells will be done on change of data... it cannot be avoided as of now...