react axios multiple request map() filter()
Sat Feb 26 2022 23:40:39 GMT+0000 (Coordinated Universal Time)
Saved by
@ruperto1
//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]);
content_copyCOPY
Esta código viene de mern-blue -> /components/SingleBlog
Comments