如何在react中对对象数组进行排序并呈现它们？

import React, { Component } from 'react';

class ObjectArraySorting extends Component {
  constructor(props) {
    super(props);
    this.state = {
      items: [
        { id: 1, name: 'Item 1' },
        { id: 3, name: 'Item 3' },
        { id: 2, name: 'Item 2' }
      ]
    };
  }

  sortItems = () => {
    const sortedItems = this.state.items.sort((a, b) => a.id - b.id);
    this.setState({ items: sortedItems });
  }

  render() {
    return (
      <div>
        <button onClick={this.sortItems}>Sort Items</button>
        <ul>
          {this.state.items.map(item => (
            <li key={item.id}>{item.name}</li>
          ))}
        </ul>
      </div>
    );
  }
}

export default ObjectArraySorting;