Tengo una funcion getOperation() y adentro de la misma la funcion getCategories(). En getOperation() traigo los datos de una operacion y seteo a la variable idCategory con el id de la categoria de la operacion. Y en getCategories() cuando hago el foreach llamo a la variable idCategory para hacer la comparacion, pero esta vacia.
const EditOperation = () => {
const [stateCategories, setStateCategories] = React.useState([]);
const [idCategory, setIdCategory] = React.useState("");
const [user, setUser] = React.useState("");
const [operation, setOperation] = React.useState([]);
const { id } = useParams();
const [catName, setCatName] = React.useState("");
let operationService = new OperationsService();
let categoryService = new CategoryService();
eact.useEffect(() => {
console.log("URL id_operation: " + id);
if(localStorage.getItem("user") !== null) {
setUser(localStorage.getItem("user"));
}
getOperation();
}, []);
const getOperation = () => {
const data = operationService.getOperation(id);
data.then((res) => {
console.log("OPERATION DATA:");
console.log(res);
setOperation(res);
// seteando la variable idCategory
setIdCategory(res[0].category);
getCategories();
});
};
const getCategories = () => {
const data = categoryService.getCategories();
// aca el idCategory no lo muestra por consola
console.log("idCategory hook: " + idCategory);
data.then((res) => {
let categories = res;
setStateCategories(categories);
// aca nunca muestra el mensaje del console.log
categories.forEach((item) => {
if (item.id === idCategory) {
console.log("Nombre de categoria " + item.name);
setCatName(item.name);
}
});
const result = categories.filter(function (obj) {
return obj.id !== idCategory;
});
setStateCategories(result);
});
};
}
Si hago todo en la funcion getOperations() de esta forma, si funciona:
const getOperation = () => {
const data = operationService.getOperation(id);
data.then((res) => {
console.log("OPERATION DATA:");
console.log(res);
setOperation(res);
setIdCategory(res[0].category);
//getCategories();
//////////////////////////////////////////////
const idCat = res[0].category;
const data = categoryService.getCategories();
data.then((res) => {
//console.log(res);
let categories = res;
categories.forEach((item) => {
if (item.id === idCat) {
console.log("Nombre de categoria: " + item.name);
setCatName(item.name);
}
});
// returning the objects with the condition
const result = categories.filter(function (obj) {
return obj.id !== idCat;
});
setStateCategories(result);
//setLoading(true);
});
////////////////////////////////////////////////
});
};