回调被多次执行

Question

有人请告诉我如何解决这个问题，这个函数调用多次，我不知道为什么，它是如此恼人的修复

function NewProduct({ navigation }) {
const supplierApi = useApi(suppliers.getSuppliers);
useEffect(() => {
supplierApi.request();
}, []);
return console.log(supplierApi);
}

日志如下…

{data: Array(0), error: false, loading: false, request: ƒ}
{data: Array(0), error: false, loading: true, request: ƒ}
{data: Array(0), error: false, loading: false, request: ƒ}
{data: Array(0), error: false, loading: false, request: ƒ}
{data: Array(7), error: false, loading: false, request: ƒ}

Answer 1

你可以这样调用这个函数，这和componentDidMount的类组件是一样的。

function NewProduct({ navigation }) {
useEffect(() => {
const supplierApi = useApi(suppliers.getSuppliers);
supplierApi.request();
console.log(supplierApi);
}, []);
}