如果在反應中添加子組件，useEffect 在父組件中不起作用

Question

我想在從 API 獲取數據后將數據傳遞給子組件，如果我刪除子組件它的工作

const parentComponent= (props) => {
  const [loans, setLoans] = useState({});

  useEffect(() => {
    axios.get(`api`).then((result) =>{ 
      let { data } = result;
      console.log('result', result)      
      setLoan(data);  
    });
  }, []);

 return(
  <ChildComponent data={loans} />
)
}

Answer 1

您沒有設置為 state loans 。 您必須使用setLoans而不是setLoan 。 檢查這個，它現在應該可以工作了。

const parentComponent= (props) => {
  const [loans, setLoans] = useState({});

  useEffect(() => {
    axios.get(`api`).then((result) =>{ 
      let { data } = result;
      console.log('result', result)      
      setLoans(data);  
    });
  }, []);

 return(
  <ChildComponent data={loans} />
)
}

Answer 2

const [loans, setLoans] = useState({}); 在 console.log 之后使用 setLoan 或更改名稱。 您完成的 setLoans 不等於 setLoan