作为React Props传递和调用异步回调的语法

我想知道通过React组件传递然后调用异步调用的正确语法是什么。明确地

通常,我会有这样一个函数:

const doAsync = async (obj) => {
   await doSomethingAsync(obj)
}

…然后我将其传递给一个组件,如下所示:

<>
   <MyComponent asyncCallback={doAsync} />
</>

我对以下几点有点困惑:

1. 我应该将函数传递为 asyncCallback={doAsync(obj)} 或 asyncCallback={async () => await doAsync(obj)} 或者只是 asyncCallback={doAsync} ?
2. 当调用此函数时,例如 <button> ,应该这样做吗 onClick={async (obj) => doAsync(obj)} 或 onClick={doAsync} ?

谢谢你的帮助!