Rendering a table cell, without rendering the entire table?

Question

React

I have a 10x10 table. This is how it works for me now.
When one cell is updated, the entire table is redrawn.
Question. How can I organize the code so that when the cell state is updated, only it is rendered, and not the entire table? It would seem that the answer is simple, create a cell for the component, in which to store / change the state. But there is a problem, whether the state in 1 cell changes depends on the states of some other cells.
Is there any standard way to do this? Thanks in advance.
PS There is already a mess in my head, so I apologize in advance for the probably not intelligible outline of the question.

Answer 1

Create a Cell component, connect an editor, and push the state of the cells into a common page.