如何使用 Redux 添加排序？

Question

如何为返回 JSON 数组的 API 添加排序？我是 Redux 的新手。我已经安装了redux。谁能告诉我最好的方法是什么？

感谢您的帮助。

import React, { useState, useEffect } from "react";
import Post from "../../Components/Post/Post";
import axios from "axios";

const HomePage = () => {
  const [posts, setPosts] = useState("");

  let config = { Authorization: "............." };
  const url = "..........................";

  useEffect(() => {
    AllPosts();
  }, []);

  const AllPosts = () => {
    axios
      .get(`${url}`, { headers: config })

      .then((response) => {
        const allPosts = response.data.articles;
        console.log(response);
        setPosts(allPosts);
      })
      .catch((error) => console.error(`Error: ${error}`));
  };

  return (
    <div>
      <Post className="Posts" posts={posts} />
    </div>
  );
};

export default HomePage;

Answer 1

1. 这里没有redux。你需要吗？
2. 如果要对结果进行排序并将排序结果保存到状态：

...
 .then((response) => {
        const allPosts = response.data.articles;
        // sort the result here
        const sortedPosts = allPosts.sort((a,b) => 
          // comparer
        );
        setPosts(sortedPosts);
      })
...