在对状态中的元素进行排序后，React list未重新呈现表格

在React中，当对状态中的元素进行排序后，React列表不会重新呈现表格。这是因为React使用虚拟DOM（Virtual DOM）来进行高效的DOM操作和渲染。

虚拟DOM是React的核心概念之一，它是一个轻量级的JavaScript对象表示真实DOM的副本。当状态发生变化时，React会通过比较前后两个虚拟DOM的差异，然后只更新需要变化的部分，而不是重新渲染整个列表。

在排序状态中的元素时，React会更新虚拟DOM中对应的元素位置，但不会重新渲染整个列表。这是因为React会智能地处理DOM更新，只更新需要变化的部分，以提高性能和效率。

如果你希望在排序后重新呈现表格，可以通过以下方式实现：

使用key属性：在渲染列表时，为每个元素提供一个唯一的key属性。这样React可以根据key属性来识别每个元素，并在排序后重新渲染表格。例如：

const data = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'Bob' }
];

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      list: data
    };
  }

  sortList() {
    const sortedList = [...this.state.list].sort((a, b) => a.name.localeCompare(b.name));
    this.setState({ list: sortedList });
  }

  render() {
    return (
      <div>
        <button onClick={() => this.sortList()}>Sort</button>
        <table>
          <tbody>
            {this.state.list.map(item => (
              <tr key={item.id}>
                <td>{item.name}</td>
              </tr>
            ))}
          </tbody>
        </table>
      </div>
    );
  }
}

在上面的例子中，每个元素都有一个唯一的id作为key属性，当排序列表时，React会根据key属性重新渲染表格。

使用Immutable数据结构：使用Immutable数据结构可以确保在排序时生成新的列表对象，从而触发React重新渲染表格。例如，可以使用Immutable.js库来创建Immutable列表：

import { List } from 'immutable';

const data = List([
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'Bob' }
]);

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      list: data
    };
  }

  sortList() {
    const sortedList = this.state.list.sortBy(item => item.name);
    this.setState({ list: sortedList });
  }

  render() {
    return (
      <div>
        <button onClick={() => this.sortList()}>Sort</button>
        <table>
          <tbody>
            {this.state.list.map(item => (
              <tr key={item.get('id')}>
                <td>{item.get('name')}</td>
              </tr>
            ))}
          </tbody>
        </table>
      </div>
    );
  }
}

在上面的例子中，使用Immutable.List来创建数据列表，并使用sortBy方法对列表进行排序。当排序列表时，会生成新的Immutable列表对象，从而触发React重新渲染表格。

总结：在React中，对状态中的元素进行排序后，React列表不会重新呈现表格。为了实现排序后重新渲染表格，可以使用key属性或Immutable数据结构来触发React重新渲染。