单击时无法将参数传递给 React Button 回调 function

Question

I have a material-ui button and am trying to pass some parameter to my callback function on click.

For some reason, the below way is not working.

const myApi = async (param) => {
}

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

Answer 1

Use

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