如果在反应中添加子组件，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