每次在todos上有更新时，都会调用您的useEffect，并且您会反复调用setTodos来更新todos，这会导致无限次调用。
您的第一个useEffect可以没有依赖项，仅在组件挂载上运行以获取和设置todos。

useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await axios.get('http://localhost:8888/todos');
        console.log('Response:', response.data);
        const todosWithBooleanDone = response.data.map(todo => ({
          id: todo.id,
          name: todo.name,
          done: todo.done === 1,
        }));
        console.log('Setting todos:', todosWithBooleanDone);
        setTodos(todosWithBooleanDone);
      } catch (error) {
        console.error('Error fetching todos:', error);
      }
    };

    fetchData();
  }, []); // <-- Without dependency

字符串
每次todos更改时都要运行另一个useEffect。

useEffect(() => {
    // Your code whenever todos changes.
}, [todos]); // <--- With dependency

型