• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

206
Views
¿Agregar y eliminar clases de CSS a la fila principal en función del estado de los datos editables en una celda secundaria?

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!

almost 3 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error