Фильтрация сообщения в блоге на щелчок от ID из данных JSON, но сейчас он не работает ⇐ Javascript

[Anonymous]

Я работаю над проектом React, где я получаю сообщения в блоге из API и отображаю их в картах. Я хочу позволить пользователям нажать на блог -карту, чтобы просмотреть подробный пост. Тем не менее, я сталкиваюсь с проблемами с механизмом фильтрации и способом отображения выбранного сообщения. < /P>
Вот упрощенная версия кода: < /p>
"use client";
import { useState, useEffect, useReducer, useContext } from "react";
import BlogCard from "./blogCard";
import BlogPost from "./blogPost";
import Menu from "./menu";
import moment from "moment";

// mohol by som urobiť druhy bod rozklik na članok čo je v notion.
// alebo pridať obrazky ak by to nešlo

const app = () => {

const [BlogData, setBlogData] = useState([]);
const [postFilter, setPostFilter] = useState(null);
const [selectedBlog, setSelectedBlog] = useState([]);

BlogData.sort((a, b) => {
if (a.created_at > b.created_at) {
return 1;
} else if (a.created_at < b.created_at) {
return -1;
}
return 0;
})

useEffect(() => {
fetch("https://jsonfakery.com/blogs")
.then(response => response.json())
.then(data => {
const convertedData = data.map((item) => ({
...item,
created_at: moment(item.created_at, "-----MM-DD-YYYY"),
}))
setBlogData(convertedData)
const filterdata = data.find((user) =>
user.id === selectedBlog.id)
setPostFilter(filterdata)
})
.catch(error => {

console.error('Error fetching data:', error);
});
}, []);

return (


{BlogData.map((blog) => (



))}
{postFilter ? : null}

)
}

export default app



Подробнее здесь: https://stackoverflow.com/questions/795 ... t-work-now