//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]);
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter