smart_sort3.js

return (
      <React.Fragment>
        <Table>
          <thead>
            <tr>
              <th onClick={() => handleSortClick("studentId")}>
                <strong>
                  studentId
                  {arrowToggle === -1 && sortType === "uniqueReportTypestudentIdstudentData" ? (
                    <>&#8595;</>
                  ) : arrowToggle === 1 && sortType === "uniqueReportTypestudentIdstudentData" ? (
                    <>&#8593;</>
                  ) : null}
                </strong>
              </th>
             </tr>
          </thead>
          <tbody>
            {data.map(ele => {
              return (
                <tr>
                  <td>{ele.studentId}</td>
                  <td>{ele.studentName}</td>
                  <td>{ele.studentAge}</td>
                  <td>{ele.studentZipCode}</td>
                </tr>
              );
            })}
          </tbody>
        </Table>
      </React.Fragment>
    );