//Esta codigo viene de mern-blue -> /components/SingleBlog function SingleBlog() { //const [blog, setBlog] = useState([]); const [autor, setAutor] = useState({ auth: [] }); const [blog, setBlog] = useState({}); const [authName, setAuthName] = useState([]); let { id } = useParams(); const navigate = useNavigate(); useEffect(() => { const fetching = async () => { //Recuerda que data es un objeto en particular const { data } = await axios.get(`/api/blogs/${id}`); const respAuth = await axios(`/api/users/all`); const autores = Object.values(respAuth.data); console.log("Autores 1: ", autores); let filtrado = autores.filter((item) => item._id === data.user); let authorName = filtrado.map((a) => a.name); setAuthName(authorName); setAutor({ auth: filtrado }); setBlog(data); console.log("Esto es data user :", data.user); }; fetching(); }, [id, setAutor, setBlog, setAuthName]);