React - column을 기준으로 정렬하기

1const comparatorStr = (a, b, order) => {
2  if (order === Order.ASC) return a.localeCompare(b);
3  return b.localeCompare(a);
4};
5
6const comparatorInt = (a, b, order) => {
7  if (order === Order.ASC) return a > b ? 1 : -1;
8  return a < b ? 1 : -1;
9};

 1useEffect(() => {
 2  if (sortBy === Key.NAME)
 3    setStateList(
 4      [...stateList].sort((a, b) => comparatorStr(a.name, b.name, sortOrder))
 5    );
 6  else if (sortBy === Key.SIZE)
 7    setStateList(
 8      [...stateList].sort((a, b) => comparatorInt(a.size, b.size, sortOrder))
 9    );
10}, [sortBy, sortOrder]);

1const sortHandle = (key) => {
2  // (현재 선택 된 키를 다시 눌렀을 때 && 현재 오름차순 정렬일 때) -> 내림차순
3  if (sortBy === key && sortOrder === Order.ASC) setSortOrder(Order.DESC);
4  // 나머지 모든 경우 -> 오름차순
5  else setSortOrder(Order.ASC);
6  // update sortBy
7  setSortBy(key);
8};