How can I show the latest data by date using sort in react typescript

Question

My date format is like this: Mon Mar 07 2022 and I want to show the latest data. I have tried this way but it's not working.

If I put new Date() into my code I got this error: var Date: DateConstructor new (value: string | number | Date) => Date (+3 overloads) The left-hand side of an arithmetic operation must be of type 'any', 'number', 'bigint' or an enum type.

 useEffect(() => {
        setIsLoading(true)
        fetch(`http://localhost:5000/dashboard/orders`)
            .then(res => res.json())
            .then(data => {
                const latestData = data.sort((a, b) => b.date - a.date)
// const latestData = data.sort((a, b) => new Date(b.date) -new Date( a.date)) // error
                setOrders(latestData)
            })
            .finally(() => setIsLoading(false))
    }, [])

Rahul Sharma · Accepted Answer · 2022-03-08 12:20:53Z

1

This is a typescript error, the sort comparator function accepts only numbers.

Note: Without getTime it works in javascript.

const data = [{
    date: "Mon Mar 07 2022",
  },
  {
    date: "Mon Mar 01 2022",
  },
  {
    date: "Mon Mar 06 2022",
  },
];
const latestData = data.sort(
  (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime()
);
console.log(latestData);

answered Mar 8, 2022 at 12:20

Rahul Sharma

10.1k1 gold badge20 silver badges41 bronze badges

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

Comments

Vida Hedayati · Accepted Answer · 2022-03-08 12:19:46Z

1

Please Try this way

data.sort(function(a,b){
  return new Date(b.date) - new Date(a.date);
});

answered Mar 8, 2022 at 12:19

Vida Hedayati

3361 silver badge8 bronze badges

Collectives™ on Stack Overflow

How can I show the latest data by date using sort in react typescript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related