سلام
به کد زیر توجه کنید چطوری مشکل async نبودن useState حل کنم؟
الان alert اجرا میشه و مقدار undefined هستش درصورتیکه در خط 17 userID state مقداردهی شده.
import React, { useEffect, useState } from "react";
import axios from "axios";
function Todo() {
const [todoData, setTodoData] = useState();
const [userID, setUserID] = useState();
useEffect(() => {
getTaskData();
}, []);
const getTaskData = async () => {
const resultRequest = await axios.get(
"https://jsonplaceholder.typicode.com/todos/1"
);
setTodoData(resultRequest.data);
setUserID(resultRequest.data.userId);
await getUserData();
};
const getUserData = async () => {
alert(userID);
const resultRequest = await axios.get(
`https://jsonplaceholder.typicode.com/todos/${userID}`
);
};
return (
<div>
<div><span>Title:</span><span style={{paddingLeft:"10px"}}>{todoData?.title}</span></div>
<div><span>userID:</span><span style={{paddingLeft:"10px"}}> {userID}</span></div>
</div>
);
}
export default Todo;