13 REACT Sorting Students data table

Publicado el: 19 junio 2024
en el canal de: Dr Umair Abdullah
64
0

Objective: implementing sort operation on student data table on the basis of id, student name

Pre-requisites:
1. Django API is running (implemented in previous videos)
2. REACT code is open in VS Code. and its web application is running (implemented in previous videos).


STEPS:
1. add a new variable 'asc' in the 'Student' component, to store true (for ascending) and/or false (for descending) information
2. define 'sortStudents' function, and update the students variable (which is displayed on Web page), and invert the 'asc'
3. Add 'onClick' function with 'th' (table headers) of all student attribute.
4. Save the code and test the sorting (ascending and descending) functionality on student table.


En esta página del sitio puede ver el video en línea 13 REACT Sorting Students data table de Duración hora minuto segunda en buena calidad , que subió el usuario Dr Umair Abdullah 19 junio 2024, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 64 veces y le gustó 0 a los espectadores. Disfruta viendo!