将sort by high和low合并为一个函数react

import React, { useState } from 'react';

const SortData = () => {
  const [data, setData] = useState([
    { name: 'John', score: 80 },
    { name: 'Alice', score: 90 },
    { name: 'Bob', score: 70 },
  ]);

  const sortBy = (order) => {
    const sortedData = [...data].sort((a, b) => {
      if (order === 'high') {
        return b.score - a.score;
      } else if (order === 'low') {
        return a.score - b.score;
      }
      return 0;
    });

    setData(sortedData);
  };

  return (
    <div>
      <button onClick={() => sortBy('high')}>Sort by High</button>
      <button onClick={() => sortBy('low')}>Sort by Low</button>

      <ul>
        {data.map((item, index) => (
          <li key={index}>{item.name} - {item.score}</li>
        ))}
      </ul>
    </div>
  );
};

export default SortData;