从子组件调用函数，但它被反复调用

Question

我正在尝试调用一个函数，从我的子组件2级(因为这将刷新在props发送到我的孩子的数据)。

然而，我面临的问题是函数getBooking不断被调用。当表单在子组件中提交时，它应该只被调用一次，所以不确定它是如何被重复调用的。

祖父母:

const getBooking = async (fullReload: boolean) => {
...code
}
<BookingGuestList
getBooking={getBooking(false)}
/>

父:

<GuestListRow
getBooking={getBooking()}
/>

孩子:

getBooking();

Answer 1

您需要以以下方式调用父函数

孩子: -

getBooking={()=> getBooking()}