当使用axios.get方法加载页面时，如何仅从API获取一次数据

Question

我是React的初学者，我只想在加载特定页面时从我的API获取数据一次，并将其保存到一个变量，即；todo"；。我可以在我的后端代码中看到，这段代码正在向api发送连续的请求。

const [todo, setTodo] = useState({})
const fetchdata = async () => {
const res = await axios.get(`http://localhost:8000/api/get-todo/${nid}`);
setTodo(res.data);
};
useEffect(() => {
fetchdata();
},)

Answer 1

您需要在useEffect挂钩的末尾使用方括号([](来发出一次发送请求。

useEffect(() => {
fetchdata();
}, [])