單擊時無法將參數傳遞給 React Button 回調 function

Question

我有一個 material-ui 按鈕，我試圖在點擊時將一些參數傳遞給我的回調 function。

由於某種原因，以下方法不起作用。

const myApi = async (param) => {
}

<Button onClick={myApi('text')}
    data-testid='my-field'>
    <Icon accessibleText="__label__search" name="search" size={12} />
</Button>

Answer 1

利用

 onClick = {() => myApi("text")}