如何在启动时将数据从数据库写入状态?

Question

如果我想在页面加载时立即将数据从数据库加载到我的状态怎么办？在页面加载时显示它们

现在我正在尝试使用useImpact从数据库中获取总利润，但由于某种原因数据没有加载

// my state
const [income, setIncome] = useState([]);

useEffect(() => {
onTest();
}, []);
// get data my bd (invoiceList)
const onTest = () => {
return invoiceList.map(i => {
setIncome([i.amount]);
})
};

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

也许还有其他方法可以做到这一点？

Answer 1

您必须在useEffect中添加invoiceList作为依赖项，以在运行onTest()之前监视invoiceList是否接收数据。

useEffect(() => {
if (invoiceList) { 
onTest()
};
}, [invoiceList]);