Estoy trabajando con el ejemplo de datos editables y va a la perfección. Una característica que debo agregar y de la que no estoy seguro es la capacidad de establecer clases de CSS en una fila según el estado de los datos en una celda secundaria. Por ejemplo:

1. la tabla tiene una columna firstName y esa columna es editable;
2. una vez que el usuario hace clic en la entrada y cambia el valor, la fila debe tener una clase .active agregada (ya sea dentro de un evento onFocus o onChange );
3. cuando envían el cambio ( onBlur o presionan la tecla Enter ), esa fila también obtendrá una clase .updating ;
4. si la actualización es exitosa, se eliminan las clases .active y .updating ;
5. si no, se elimina la .errored .updating

¿Sugerencias sobre formas inteligentes de pasar clases de CSS a la fila principal como esta en función del valor de entrada editable de una celda?

¿Debería mantener esto fuera de la tabla de reacción por completo y solo hacer un seguimiento de la fila usando useState y la identificación de la fila?

¡Realmente aprecio cualquier ayuda que pueda obtener!