如何使用React JS动态创建要排序的数组的名称？

import React from 'react';
import ReactDOM from 'react-dom';

class SortArray extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      array: [],
      sortingMethod: 'asc' // 默认升序
    };
  }
  
  // 组件渲染前初始化数组
  componentDidMount() {
    const array = this.generateArray(); // 生成数组
    this.setState({ array });
  }
  
  // 生成随机数组
  generateArray() {
    const length = 10; // 数组长度
    const array = [];
    for (let i = 0; i < length; i++) {
      array.push(Math.floor(Math.random() * 100)); // 随机生成0-99的整数
    }
    return array;
  }
  
  // 切换排序方式
  toggleSortingMethod() {
    const newSortingMethod = this.state.sortingMethod === 'asc' ? 'desc' : 'asc';
    this.setState({ sortingMethod: newSortingMethod });
  }
  
  // 排序数组
  sortArray() {
    const { array, sortingMethod } = this.state;
    const sortedArray = [...array]; // 创建数组副本
    sortedArray.sort((a, b) => {
      if (sortingMethod === 'asc') {
        return a - b; // 升序排序
      } else {
        return b - a; // 降序排序
      }
    });
    this.setState({ array: sortedArray });
  }
  
  render() {
    const { array, sortingMethod } = this.state;
    return (
      <div>
        <button onClick={() => this.toggleSortingMethod()}>
          切换排序方式：{sortingMethod === 'asc' ? '升序' : '降序'}
        </button>
        <button onClick={() => this.sortArray()}>排序数组</button>
        <ul>
          {array.map((item, index) => (
            <li key={index}>{item}</li>
          ))}
        </ul>
      </div>
    );
  }
}

ReactDOM.render(<SortArray />, document.getElementById('root'));