在React Redux中排序后重新呈现项目

在React Redux中，排序后重新呈现项目可以通过以下步骤实现：

首先，确保你已经安装了React和Redux，并且已经创建了一个React Redux项目。
在Redux的store中，定义一个用于存储项目列表的状态。这个状态可以是一个数组，每个元素代表一个项目，包含项目的名称、描述等信息。
创建一个React组件，用于展示项目列表。在组件的render方法中，通过Redux的connect函数将项目列表状态映射到组件的props中。
在组件中，使用Array的sort方法对项目列表进行排序。你可以根据项目的某个属性进行排序，比如名称、创建时间等。
在排序完成后，使用React的setState方法更新组件的状态，将排序后的项目列表保存起来。
在组件的render方法中，使用map方法遍历项目列表，生成对应的项目展示组件。
最后，将排序后的项目列表展示在页面上。

以下是一个示例代码：

// 在Redux的store中定义项目列表状态
const initialState = {
  projects: [
    { name: "Project A", description: "This is project A" },
    { name: "Project B", description: "This is project B" },
    { name: "Project C", description: "This is project C" }
  ]
};

// 创建React组件，展示项目列表
class ProjectList extends React.Component {
  render() {
    const { projects } = this.props;
    
    // 对项目列表进行排序
    const sortedProjects = projects.sort((a, b) => a.name.localeCompare(b.name));
    
    return (
      <div>
        {sortedProjects.map(project => (
          <div key={project.name}>
            <h3>{project.name}</h3>
            <p>{project.description}</p>
          </div>
        ))}
      </div>
    );
  }
}

// 使用Redux的connect函数将项目列表状态映射到组件的props中
const mapStateToProps = state => ({
  projects: state.projects
});

// 将组件与Redux的store连接起来
const ConnectedProjectList = connect(mapStateToProps)(ProjectList);

// 在应用中使用ConnectedProjectList组件
ReactDOM.render(
  <Provider store={store}>
    <ConnectedProjectList />
  </Provider>,
  document.getElementById("root")
);

这样，当项目列表状态发生变化时，React Redux会自动重新渲染项目列表组件，并且按照名称排序后重新呈现项目。