在 Reactjs 中，console.log() 語句被調用兩次

Question

我的代碼如下：

//fetch tasks from server
      const fetchTasks=()=>{
    
        const fTask = async ()=>{
          const res = await fetch('http://localhost:5000/tasks')
          const data = await res.json()
    
          console.log("data", data)     
        }
    
        fTask()
    
      }
    
      fetchTasks()

我原以為數據只被記錄到控制台一次，但由於某種原因，它被記錄了兩次。 我試過調試器，但它也沒有幫助..提前謝謝你..

Answer 1

1. 移除嚴格模式或將其變成 <> </> 片段快捷方式

改為這樣做

const fetchTasks= async ()=>{
      const res = await fetch('http://localhost:5000/tasks')
      const data = res.json()

      console.log("data", data)  
  }

  fetchTasks()