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

Question

我有一个 material-ui 按钮，我试图在点击时将一些参数传递给我的回调函数。

由于某些原因，以下方法无效。

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")}