//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]);