Mi base de datos se ve así. Quiero crear un filtro que devuelva los datos mejor valorados
{ _id:61f24397e8192a0a5994aaa8 title:"title" expense:"50" ratings:"5" date:"2022-01-28" time:"10" category:"k" location:"1010" description:"101010" } Intenté que me gustara pero obtuve un error Sidebar.js:14 Uncaught (in promise) TypeError: parseInt(...).sort is not a function
useEffect(() => { setIsLoading(true) fetch(`http://localhost:5000/blogs`) .then(res => res.json()) .then(data => { const approvedBlogs = data.filter(blogs => parseInt(blogs.ratings).sort((a, b) => b - a)) // const approvedBlogs = data.filter(blogs => blogs.ratings === '5') setBlogs(approvedBlogs) }) .finally(() => setIsLoading(false)) }, [])Es cierto que está tratando de ordenar un número entero en lugar de una matriz.
Cambia esta línea:
const approvedBlogs = data.filter(blogs => parseInt(blogs.ratings).sort((a, b) => b - a))A esto:
const approvedBlogs = data.sort((a, b) => (+a.ratings > +b.ratings ? -1 : 1));https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
Puede ordenar los datos directamente sin filtrar
useEffect(() => { setIsLoading(true) fetch(`http://localhost:5000/blogs`) .then(res => res.json()) .then(data => { data.sort((a, b) => { const parsedA = parseInt(a.ratings, 10); const parsedB = parseInt(b.ratings, 10); return parsedA > parsedB ? -1 : 1; // for descending sort inverse -1 and 1 }); setBlogs(data) }) .finally(() => setIsLoading(false)) }, [])Puedes usar .filter para desechar los blogs que ya no quieres (como en la línea comentada). Después de eso, use .sort para ordenar los datos por calificaciones. Debería verse como:
const approvedBlogs = data.filter(blogs => blogs.ratings === '5') .sort( (a, b) => return parseInt(b.rating) - parseInt(a.rating)