如何在reactjs中创建一个根据属性对对象数组进行排序的函数？

import React from 'react';

function SortArrayByProperty(props) {
  // 排序函数
  const sortArray = (array, property) => {
    return array.sort((a, b) => {
      if (a[property] < b[property]) {
        return -1;
      }
      if (a[property] > b[property]) {
        return 1;
      }
      return 0;
    });
  };

  // 需要排序的对象数组
  const data = [
    { id: 1, name: 'John' },
    { id: 2, name: 'Alice' },
    { id: 3, name: 'Bob' },
  ];

  // 调用排序函数并传入需要排序的数组和属性
  const sortedData = sortArray(data, 'name');

  return (
    <div>
      <h1>Sorted Array:</h1>
      <ul>
        {sortedData.map(item => (
          <li key={item.id}>{item.name}</li>
        ))}
      </ul>
    </div>
  );
}

export default SortArrayByProperty;