Estoy tratando de ejecutar un código en el bloque asíncrono después de las actualizaciones de estado, pero no estoy definido. Probé diferentes formas, como si el estado no fuera nulo, entonces esta parte del código se ejecuta pero no funciona.
Mi código:
const fileMoveHandler = async () => { const fileName = selectedImage.split("/").pop(); const newPath = FileSystem.documentDirectory + fileName; setNewPathImage(newPath); //undefined try { await FileSystem.moveAsync({ from: selectedImage, to: newPath, }); } catch (err) { console.log("Error:", err); Alert.alert("Can't move this file.", "Try again!", [{ text: "Okay" }]); } }; const savePlaceHandler = () => { fileMoveHandler(); console.log("newPathImage: ", newPathImage); //here newPathImage is undefined dispatch(placesActions.addPlace(titleValue, newPathImage)); props.navigation.goBack(); }; Quiero ejecutar el método de dispatch después de las actualizaciones de estado.
¿Qué cambios debo hacer en mi código para que solo se ejecute si newPathImage no está indefinido?
¿Debo intentar promise o algo más?
Puede usar useEffect para ejecutar el envío cuando cambia newPath
useEffect(() => { if(newPathImage){ dispatch(placesActions.addPlace(titleValue, newPathImage)); } }, [newPathImage]); Si no lo quieres renderizar cada vez. Puede poner el método de envío en fileMoveHandler .
const fileMoveHandler = async () => { const fileName = selectedImage.split("/").pop(); const newPath = FileSystem.documentDirectory + fileName; setNewPathImage(newPath); //undefined if(newPath){ dispatch(placesActions.addPlace(titleValue, newPath)); try { await FileSystem.moveAsync({ from: selectedImage, to: newPath, }); } catch (err) { console.log("Error:", err); Alert.alert("Can't move this file.", "Try again!", [{ text:"Okay" }]); } } };