reactjs - 如何在使用 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 Hook 末尾使用方括号 ([]) 来一次发送发送请求。

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