Question

我有一个如下按钮

<a href="#" className={classes.btnText} onClick={showDetail}>Learn more <span> &rarr; </span> </a>

并能够获取事件对象

const showDetail = event => {
        console.log("show detail",event);
    }

现在，我想在按钮单击时传递一个参数。有人可以告诉我如何通过事件加上按钮单击showDetail(event, "test")之类的参数吗，我不希望在单击按钮之前调用该函数

Answer 1

<a href="#" className={classes.btnText} onClick={(e) => showDetail(e, "test")}>Learn more <span> &rarr; </span> </a>

const showDetail = (event, additionalData) => {
        console.log("show detail", additionalData, event);
    }

Answer 2

使其具有返回函数的功能

const showDetail = type => event => {
  console.log("show detail", type, event);
}

<a href="#" className={classes.btnText} onClick={showDetail("test")}>
  Learn more <span> &rarr; </span>
</a>

这是一个临时函数，可以从事件回调中访问type变量

反应挂钩-单击按钮获取事件对象和参数

2 个答案:

使其具有返回函数的功能