How can I add sorting using Redux?

Question

How can I add sorting for API returning a JSON array? I'm new to Redux. I have installed the redux. Could someone tell me what's the best method to follow?

Thanks for your help.

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;

igorves · Accepted Answer · 2021-04-30 12:28:47Z

1

You don't have redux here. Do you need it?
If you want to sort result and save sorted results to state:

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

answered Apr 30, 2021 at 12:28

igorves

5913 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

sud Over a year ago

I have to use redux to sort. Thanks for the above solution. Could you please let me know how to sort using redux? I have installed redux as of now

igorves Over a year ago

you can sort -> save to store using reducer. redux.js.org/tutorials/fundamentals/…

Collectives™ on Stack Overflow

How can I add sorting using Redux?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related